Home > Javascript AJAX CSS | Javascript Compressor > JS Compressor で excanvas.js を圧縮してみる

JS Compressor で excanvas.js を圧縮してみる


Google が配布している excanvas.js をJS Compressor 圧縮してみました。圧縮しても動かなかったので、JScript コンパイラーでコードをチェックしてみると、684行目の終わりに、";" が不足してました。

684行目の } の後に 区切りの ; が足りないために圧縮してもエラーになります。付け加えれば大丈夫です。

682. contextPrototype.fill = function() {
683. this.stroke(true);
684. }
685.
686. contextPrototype.closePath = function() {
686. this.currentPath_.push({type: "close"});
687. };

このエラーは、圧縮したJavascriptファイルをJS RegExp (ここで紹介しているガジェット)でチェックすることが出来ます。JS RegExpの正規表現を /(\})[\w]+/g と書いて、マッチ(.match(RegExp)) で実行します。マッチした中に、}word などの } の次に変数が入っているパターンがあればエラーの可能性があります。

excanvas.js のコードです。サイズが大きいので別ファイルにしてます。785行あります。   excanvas.js

CSSもこのガジェットで圧縮出来ますが、IE用のコメントフィルター

width:267px !important; width /**/:266px; の /**/ の部分が削除されてしまいます。

変数の圧縮は、難しい問題じゃないので後々追加する予定です。

13 Sep. 2008 :アルゴリズムの原本に継ぎ足した部分にバグがありました。全体を組み立て直して改めてアップロードします。

14 Sep. 2008 : 修正してアップロードしました。更新が反映されれば使えます。

テストした Javascript ファイルYUI menu.js(217KB=>73KB)
YUI animation.js(48KB->14KB)
YUI container_core.js(137KB->44KB)
圧縮ファイルを使ったページ

Comments:0

Comment Form

Home > Javascript AJAX CSS | Javascript Compressor > JS Compressor で excanvas.js を圧縮してみる

Return to page top