Cách phát hiện tính năng nếu XMLHttpRequest hỗ trợ responseType = "arraybuffer"?

Question

Tôi muốn biết liệu trình duyệt có hỗ trợ XMLHttpRequest.responseType = "arraybuffer" hay không. Vấn đề là, tôi không thể kiểm tra lại một số hỗ trợ xhr2 "chung", vì iOS 4.2 có hỗ trợ một phần xhr2 bao gồm (tức là) XMLHttpRequestUpload nhưng không phải là responseType = "arraybuffer".

Answer 1

Bạn đã thử một cái gì đó như thế này chưa?

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

---

Sửa

Tôi nghĩ rằng bạn có thể bị mắc kẹt với somthing khó chịu như thế này

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

Answer 2

Kiểm tra của ArrayBuffer phải là một phát hiện tính năng tốt.

Nếu một UserAgent hỗ trợ các đối tượng ArrayBuffer sau đó nó có khả năng nó sẽ làm việc với XHR2

Tuy nhiên như đã nói, nó sẽ là tốt nhất để làm một thử nghiệm tính năng và không phải là một phát hiện tính năng.

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

Tôi đang sử dụng như sau:

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

Trong tất cả các trình duyệt Tôi đã thử nghiệm rằng sự hỗ trợ này, giá trị mặc định của responseType là một chuỗi rỗng (giống như nó nói trong spec: http://www.w3.org/TR/XMLHttpRequest/#the-responsetype-attribute), trong các trình duyệt không hỗ trợ responseType, giá trị của thuộc tính không được xác định.

Answer 4

Set responseType để "arraybuffer" và kiểm tra xem nó có giá trị mới:

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

Sử dụng Modernizr này được bảo vệ dưới Modernizr.xhr2. Theo dõi các nhận xét về hỗ trợ một phần Modernizr.dataview thậm chí có thể chính xác hơn.

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

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

Tôi mong đợi cả hai tính năng đều được hỗ trợ hay không.

Answer 6

Nếu bạn chỉ muốn phát hiện nếu đáp ứng "arraybuffer" được hỗ trợ, chỉ cần kiểm tra xem nó có trong đối tượng chung không. Nếu bạn muốn phát hiện các tính năng khác chỉ cần gán XHR().responseType cho đến khi trình duyệt trống "" hoặc ném lỗi.

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