211

私は、JSON データを AJAX 経由で小さな固定サイズのサーバー側キャッシュに格納する必要がある Web アプリケーションを作成しています (考えてみてください: Opensocial quotas )。私はサーバーを制御できません。

サーバー側のクォータ内に収まるように保存されたデータのサイズを減らす必要があり、サーバーに送信する前にブラウザーで文字列化された JSON を gzip できることを望んでいました。

ただし、Gzip の JavaScript 実装の方法については、あまり見つけることができません。クライアント側でデータを送信する前に圧縮する方法について何か提案はありますか?

4

9 に答える 9

145

編集http://pieroxy.net/blog/pages/lz-string/index.htmlで、Unicode 文字列を正しく処理するより優れた LZW ソリューションがあるようです(コメントの pieroxy に感謝します)。

gzip の実装については知りませんが、jsolait ライブラリ(サイトはなくなったようです) には、LZW 圧縮/解凍の機能があります。コードはLGPLでカバーされています。

// LZW-compress a string
function lzw_encode(s) {
    var dict = {};
    var data = (s + "").split("");
    var out = [];
    var currChar;
    var phrase = data[0];
    var code = 256;
    for (var i=1; i<data.length; i++) {
        currChar=data[i];
        if (dict[phrase + currChar] != null) {
            phrase += currChar;
        }
        else {
            out.push(phrase.length > 1 ? dict[phrase] : phrase.charCodeAt(0));
            dict[phrase + currChar] = code;
            code++;
            phrase=currChar;
        }
    }
    out.push(phrase.length > 1 ? dict[phrase] : phrase.charCodeAt(0));
    for (var i=0; i<out.length; i++) {
        out[i] = String.fromCharCode(out[i]);
    }
    return out.join("");
}

// Decompress an LZW-encoded string
function lzw_decode(s) {
    var dict = {};
    var data = (s + "").split("");
    var currChar = data[0];
    var oldPhrase = currChar;
    var out = [currChar];
    var code = 256;
    var phrase;
    for (var i=1; i<data.length; i++) {
        var currCode = data[i].charCodeAt(0);
        if (currCode < 256) {
            phrase = data[i];
        }
        else {
           phrase = dict[currCode] ? dict[currCode] : (oldPhrase + currChar);
        }
        out.push(phrase);
        currChar = phrase.charAt(0);
        dict[code] = oldPhrase + currChar;
        code++;
        oldPhrase = phrase;
    }
    return out.join("");
}
于 2008-11-16T21:29:12.967 に答える
59

別の問題がありました。gzip でデータをエンコードするのではなく、gzip で圧縮されたデータをデコードしたかったのです。ブラウザの外部で JavaScript コードを実行しているため、純粋なJavaScriptを使用してデコードする必要があります。

少し時間がかかりましたが、JSXGraphライブラリには gzip 圧縮されたデータを読み取る方法があることがわかりました。

ライブラリを見つけた場所は 次のとおりです。、コードは LGPL ライセンスを取得しています。

プロジェクトに jsxcompressor.js ファイルを含めるだけで、Base 64 でエンコードされた gzip 圧縮されたデータを読み取ることができます。

<!doctype html>
</head>
<title>Test gzip decompression page</title>
<script src="jsxcompressor.js"></script>
</head>
<body>
<script>
    document.write(JXG.decompress('<?php 
        echo base64_encode(gzencode("Try not. Do, or do not. There is no try.")); 
    ?>'));
</script>
</html>

あなたが望んでいたものではないことは理解していますが、一部の人々に役立つと思われるため、ここで返信します.

于 2011-04-12T09:32:58.747 に答える
41

zlib を javascript に移植したpako https://github.com/nodeca/pakoをリリースしました。deflate / inflate / gzip / ungzip の最速の js 実装だと思います。また、民主的な MIT ライセンスを取得しています。Pako はすべての zlib オプションをサポートし、その結果は 2 進数で等しくなります。

例：

var inflate = require('pako/lib/inflate').inflate; 
var text = inflate(zipped, {to: 'string'});
于 2014-03-15T19:41:59.673 に答える
17

LZMA の実装を GWT モジュールからスタンドアロン JavaScript に移植しました。LZMA-JSと呼ばれます。

于 2010-09-06T16:14:22.020 に答える
14

Javascript で実装されたその他の圧縮アルゴリズムを次に示します。

于 2009-09-15T17:13:16.160 に答える
8

私はテストしませんでしたが、JSZip と呼ばれる ZIP の JavaScript 実装があります。

https://stuk.github.io/jszip/

于 2010-08-16T14:51:45.977 に答える
0

一般的なクライアント側 JavaScript 圧縮の実装は、圧縮されていないペイロードを含むいくつかの HTTP パケットの転送時間とは対照的に、処理時間の点で非常に高価な操作になると思います。

どのくらいの時間を節約できるかを知るためのテストを行いましたか? つまり、帯域幅の節約はあなたが求めているものではありませんか?

于 2008-11-16T20:34:29.097 に答える
-4

ほとんどのブラウザーは、その場で gzip を解凍できます。これは、JavaScript の実装よりも優れたオプションである可能性があります。

于 2008-11-16T20:04:06.663 に答える
-5

ページに埋め込まれた 1 ピクセルあたり 1 ピクセルの Java アプレットを使用して、圧縮に使用できます。

これは JavaScript ではなく、クライアントには Java ランタイムが必要ですが、必要なことは実行できます。

于 2008-11-16T20:51:36.007 に答える