Content-Encoding for Javascript Blob to use browser's built-in decompression?

[optimalisatie]

Hi!

I am investigating an idea to make use of the browsers built in gzip decompression facility by using the Blob API. It appears that the only obstacle is the ability to set Content-Encoding for the blob.

I hereby want to inform if anyone knows of a solution to use a javascript Blob to uncompress gzip data.

The code that I use to test via the browser console is the following. It will change the background of a page to green on success.

/* create blob */
var createBlobUrl = function(fileData,mimeType) {
    var blob;

    // Create blob
    try {
        blob = new Blob([fileData], {type: mimeType});
    } catch (e) { // Backwards-compatibility
        window.BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder || window.MozBlobBuilder;
        blob = new BlobBuilder();
        blob.append(fileData);
        blob = blob.getBlob(mimeType);
    }
    return URL.createObjectURL(blob);
};

/* CSS: body, * { background:green; } */
var zip = window.atob('H4sIAAAAAAAA/0vKT6nUUdBSqFZISkzOTi/KL81LsUovSk3Ns1aoBQCLj6wTHQAAAA==');

function str2bytes (str) {
    var bytes = new Uint8Array(str.length);
    for (var i=0; i<str.length; i++) {
        bytes[i] = str.charCodeAt(i);
    }
    return bytes;
}
var bloburl = createBlobUrl(str2bytes(zip),'text/css');
var link = document.createElement('link');
link.setAttribute('rel','stylesheet');
link.setAttribute('type','text/css');
link.setAttribute('href',bloburl);
document.head.appendChild(link);