Come rilevare la funzionalità se XMLHttpRequest supporta responseType = "arraybuffer"?

Question

Voglio sapere se il browser supporta XMLHttpRequest.responseType = "arraybuffer". Il problema è che non posso testare nuovamente il supporto "generale" xhr2, dal momento che iOS 4.2 ha un supporto xhr2 parziale che include (cioè) XMLHttpRequestUpload ma non responseType = "arraybuffer".

Answer 1

Hai provato qualcosa del genere?

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

---

Modifica

Penso che potrebbe essere bloccato con somthing brutto come questo

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

Answer 2

Controllo di ArrayBuffer dovrebbe essere una buona funzione di rilevamento.

Se un userAgent supporta l'oggetto ArrayBuffer allora è probabile che possa funzionare con XHR2

Tuttavia, come detto, sarebbe meglio fare un test funzione e non una funzione di rilevamento.

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

Sto usando il seguente:

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

In tutti i browser che ho provato che supportano questa, il valore predefinito di responseType è una stringa vuota (proprio come si dice nelle specifiche: http://www.w3.org/TR/XMLHttpRequest/#the-responsetype-attribute), nei browser che non supportano responseType il valore dell'attributo non è definito.

Answer 4

Set responseType a "arraybuffer" e verificare se ha ottenuto il nuovo valore:

// 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

Utilizzando Modernizr questo è coperto da Modernizr.xhr2. Il seguito dei commenti relativi al supporto parziale Modernizr.dataview potrebbe essere ancora più accurato.

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

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

Mi aspetto che entrambe le funzioni siano supportate o meno.

Answer 6

Se si desidera rilevare se la risposta "arraybuffer" è supportata, è sufficiente verificare se si trova nell'oggetto globale. Se vuoi rilevare altre funzionalità, assegna semplicemente lo XHR().responseType finché il browser non lo svuota "" o genera un errore.

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;   
}