从我最近的问题，我已经创建了一些用于动态加载局部视图的 JavaScript 函数。因此，我无法调试任何动态加载 JavaScript。因为所有加载的 JavaScript 都将通过“eval”函数进行评估。
但是，我找到了一些创建新 JavaScript 的方法，通过使用以下脚本将脚本动态创建到当前文档的标题中。所有加载的脚本都将显示在 HTML DOM 中（您可以使用任何调试器找到它）。
var script = document.createElement('script')
script.setAttribute("type","text/javascript")
script.text = "alert('Test!');";
document.getElementsByTagName('head')[0].appendChild(script);
顺便说一下，大多数调试器（IE8 Developer Toolbar、Firebug 和 Google Chrome）不能在任何动态脚本中设置断点。因为可调试脚本必须在页面加载后第一次加载。
您有在动态脚本内容或文件中调试的想法吗？
更新 1 - 添加源代码进行测试
您可以使用以下 xhtml 文件来尝试调试 someVariable 值。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dynamic Loading Script Testing</title>
<script type="text/javascript">
function page_load()
{
var script = document.createElement('script')
script.setAttribute("id", "dynamicLoadingScript");
script.setAttribute("type","text/javascript");
script.text = "var someVariable = 0;\n" +
"someVariable = window.outerWidth;\n" +
"alert(someVariable);";
document.getElementsByTagName('head')[0].appendChild(script);
}
</script>
</head>
<body onload="page_load();">
</body>
</html>
从答案来看，我只是在 FireBug 中对其进行了测试。结果应如下图所示。
请查看页面加载后添加的“dynamicLoadingScript”脚本。
但是在 FireBug 的脚本选项卡中没有找到
更新 2 - 在动态加载脚本中创建调试断点
上面的两个图像都显示了插入“调试器”；某些脚本行中的语句可以在动态加载脚本中触发断点。但是，两个调试器都不会在断点处显示任何代码。因此，这样做是没有用的。
谢谢，
