Question

目前我正在处理的Web应用程序在文档DOM准备就绪时使用jQuery.Load（）加载了许多脚本文件。但是，如果这些脚本文件存在语法错误，则Firebug或IE Developer Tool都无法可靠地显示错误行或提供一些非常大的行号。

我该如何调试这样的脚本？或者我应该通过脚本标记加载它们，直到我确认它们没有错误？

Answer 1

mozilla的firebug插件有一个内置的javascript调试工具。哪个可用于上述目的

Answer 2

我和YUI3有完全相同的问题。我还原到了不那么酷但更稳定的方法来包含所需的文件--YUI3有一个简洁的工具来为你提供所有这些脚本标签 - 我不知道它是否与JQuery相同。对不起，这可能没那么有用！

Answer 3

通过为它们动态添加脚本标记（使用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);

如何调试动态加载的JavaScript文件？

3 个答案: