XMLHttpRequestがresponseType = "arraybuffer"をサポートするかどうかを検出する方法は？

Question

ブラウザがXMLHttpRequest.responseType = "arraybuffer"をサポートしているかどうかを知りたい。問題は、iOS 4.2には部分的なxhr2サポートが含まれています（つまり、XMLHttpRequestUploadは含まれていますが、responseType = "arraybuffer"は含まれていないため、一部の一般的なxhr2サポートを再度テストすることはできません）。

Answer 1

あなたはこれを試しましたか？

if(typeof(XMLHttpRequestUpload) == "undefined"){ 
    //not supported 
} 

---

編集

私はあなたがArrayBufferのこの

function IsArrayBufferSupported(){ 
    var xhr = new XMLHttpRequest(); 
    xhr.open('GET', '/', true); 
    try{ 
     xhr.responseType = "arraybuffer"; 
     return true; 
    }catch(e){return false;} 
} 

Answer 2

チェックが良い特徴検出する必要がありますのような厄介な気にいらで立ち往生するかもしれないと思います。

userAgentにはArrayBufferオブジェクトをサポートしている場合、それは、それが述べたようにしかし、それは機能テストではなく、特徴検出を行うのがベストだろうXHR2

で動作します可能性があります。私は、次を使用しています

function IsArrayBufferSupported(cb){ 
    var xhr = new XMLHttpRequest(); 
    xhr.open('GET', '/', true); 
    try { 
     xhr.responseType = "arraybuffer"; 
    } catch (e){ 
     return cb(false); 
    } 
    xhr.onload = function onload() { 
     if (ArrayBuffer.prototype.isPrototypeOf(this.response)) { 
      return cb(true); 
     } 
     cb(false); 
    } 
    xhr.send(); 
} 

Answer 3

：

私はそのサポートにこれをテストしたすべてのブラウザで

var supported = typeof new XMLHttpRequest().responseType === 'string'; 

、responseTypeのデフォルト値は空の文字列（それは仕様で述べているだけのよう：http://www.w3.org/TR/XMLHttpRequest/#the-responsetype-attribute）です、 responseTypeをサポートしていないブラウザでは、属性の値は未定義です。

Answer 4

設定"arraybuffer"にresponseType、それが新たな価値を持っているかどうかを確認：

// call like isResponseTypeSupported('arraybuffer') 
function isResponseTypeSupported(responseType) { 
    var xhr = new XMLHttpRequest(); 
    xhr.open('GET', '/'); 
    try { 
     xhr.responseType = responseType; 
    } catch (e) { 
     return false; 
    } 
    return xhr.responseType === responseType; 
} 

Answer 5

Modernizrを使用したが、これはModernizr.xhr2の下で覆われています。 部分的なサポートについてのコメントをフォローアップModernizr.dataviewさらに正確かもしれません。

(function(modernizr, ns){ 
    ns.isSupported = (function(){ 
     return modernizr.xhr2 && modernizr.dataview; 
    }); 

    return ns; 
}(window.Modernizr, window.NameSpace || {})); 

私は両方の機能がサポートされることを期待しています。

Answer 6

"arraybuffer"応答がサポートされているかどうかを検出したい場合は、グローバルオブジェクトに含まれているかどうかを確認するだけです。他の機能を検出したい場合は、""を空にするか、エラーを投げるまでXHR().responseTypeを割り当ててください。

function isAjaxResponseSupported(type) { 
    var xhr = new XMLHttpRequest; 

    /* Check if .responseType is supported first */ 
    if (typeof xhr.responseType === 'string') { 

     /* Some browsers throw error for invalid .responseType */ 
     try { 
      xhr.responseType = type; 
      // If they don't, 
      // check if .responseType is equal to @type. 
      return xhr.responseType === type; 
     } catch (e) { 
      return false; 
     } 

    ; else return false;   
}