如何調試動態加載的JavaScript文件？

當前正在處理的Web應用程序在文檔DOM準備就緒時使用jQuery.Load（）加載多個腳本文件。但是，如果這些腳本文件有語法錯誤，那麼Firebug或IE Developer Tool都不能可靠地顯示錯誤行或給出一些非常大的行號。如何調試動態加載的JavaScript文件？

我該如何調試這樣的腳本？還是應該通過腳本標記加載它們直到我確認它們沒有bug？

來源

2010-09-22 Extrakun

mozilla的firebug插件有一個內置的javascript調試工具。這可以用於提到的目的

來源

2010-09-22 10:51:08

這就是我用什麼，你只需要設置腳本選項「顯示靜態的，評估和事件腳本' – ilivewithian 2010-09-22 10:54:28

只是尋求一些澄清，我在哪裏設置該選項？ – Extrakun 2010-09-22 11:46:36

我有YUI3完全相同的問題。我回歸到了包含所需文件的公認的不太酷但更穩定的方法 - YUI3有一個整潔的工具來給你所有這些腳本標記 - 我不知道它是否與JQuery相同。對不起，這可能不是那麼有用！

來源

2010-09-22 10:53:47 alpian

加載它們在通過動態地增加對他們的腳本標籤（使用DOM），這應該做的伎倆：

var newScript; 
var loadFunc = function() 
{ 
    alert("External Javascript File has been loaded"); 
}; 
newScript = document.createElement('script'); 
newScript.setAttribute('type','text/javascript'); 
newScript.setAttribute('src'); 
newScript.onreadystatechange = function() //IE triggers this event when the file is loaded 
{ 
    if (newScript.readyState == 'complete' || newScript.readyState == 'loaded') 
     loadFunc(); 
}; 
newScript.onload = loadFunc;    //Other browsers trigger this one 
document.getElementsByTagName('head')[0].appendChild(newScript);

來源

2010-09-22 10:58:16

如何調試動態加載的JavaScript文件？

回答

相關問題