Cách phát hiện tải tập lệnh của một tệp: // URL không thành công trong Firefox?

Question

Tôi muốn phát hiện xem thẻ tập lệnh (được tạo động và thêm vào DOM) không tải được. Sự kiện onerror hoạt động, ngoại trừ với các tệp: // URL trong Firefox.

Rất tiếc, không có kỹ thuật nào trong số các kỹ thuật described here (ngoại trừ thời gian chờ, không được chấp nhận trong trường hợp của tôi) có vẻ hoạt động trong Firefox nếu src của thẻ tập lệnh là một tệp: // URL (hoặc URL tương đối và trang được tải qua file: // URL)

Kiểm tra trường hợp:

var script = document.createElement('script'); 
script.setAttribute('type', 'text/javascript'); 
script.setAttribute('src', 'doesnotexist.js'); 
script.onerror = function() { alert("Loading failed!"); } 
document.getElementsByTagName('head')[0].appendChild(script); 

tải này trong một trang HTML với một file: // URL. Sự kiện onerror sẽ không thực thi trong Firefox. Tải từ máy chủ web hoặc trên Safari hoặc Chrome và nó sẽ.

Điều này có vẻ giống như một lỗi đối với tôi. Có cách nào biết xung quanh nó không?

Answer 1

Nếu bạn sử dụng giải pháp Pauls để truy xuất tài liệu nhưng bỏ qua kết quả. Nếu nó tải việc tạo thẻ script của bạn. Nhược điểm là tập tin sẽ tải hai lần.

Answer 2

var loadScript = function(scriptURL, failureCallback) { 
    var script = document.createElement('script'), 
     scriptProtocol = scriptURL.match(/^([a-zA-Z]+:)\/\//); 
    script.setAttribute('type', 'text/javascript'); 

    if (navigator.product === 'Gecko' && 
     navigator.userAgent.indexOf('KHTML') === -1 && 
     window.location.protocol === 'file:' && 
     (!scriptProtocol || scriptProtocol[1] === 'file:')) { 

     var req = new XMLHttpRequest(); 
     req.open('GET', scriptURL, true); 
     req.onreadystatechange = function() { 
      if (req.readyState === 4) { 
       if (req.status === 0) 
        script.textContent = req.responseText; 
       else 
        failureCallback(); 
      } 
     }; 
     try { 
      req.send(null); 
     } 
     catch (e) { 
      failureCallback(); 
     } 
    } 
    else { 
     script.setAttribute('src', scriptURL); 
     script.onerror = failureCallback; 
    } 

    document.getElementsByTagName('head')[0].appendChild(script); 
}; 

loadScript('doesnotexist.js', function() { alert('Loading failed!'); }); 

Bit đột nhập, nhưng có vẻ như nó hoạt động.