javascript - 如何在 FireFox 调试器中调试 JSP 嵌入的 JavaScript？

Question

我正在使用 FireFox 调试器来调试包含 .JSP 文件和 .js 包含文件的应用程序。调试器允许我在 .js 文件中放置断点，但不能在调用 .js< 的 .JSP 文件中的 JavaScript/JQuery 中放置断点。/ 文件。调试并不是完全有用，除非我可以在包含 JavaScript 和 JQuery 代码的所有文件中放置断点，无论每个文件附加什么文件扩展名。

如何让 FireFox 将相关 JSP 文件包含在可以添加断点的文件列表中？

例如，文件 somejsp.jsp 包含以下脚本元素:

<script language="javascript">

    function someMethod(someArgument) {
    document.forms['someForm'].elements['someElement'].value = some.element;
    //some other JavaScript code  
    }

</script>

Rest of JSP file...  

如果我采纳@charlietfl的建议并添加debugger命令，我应该在哪里以及如何添加它？

我第一次尝试写如下:

debugger document.forms['someForm'].elements['someElement'].value = some.element;  

但是当我尝试运行代码时，浏览器会发出错误警报，指出 someMethod() 尚未实现。因此，按照上面所示的方式添加单词 debugger 似乎会导致该方法对 FireFox 不可见。如何正确添加断点？

Answer 1

这可以在 Chrome 浏览器中实现。

您需要先在 DevTools 中启用以下设置:

• 导航至“设置”>“偏好设置”
• 检查来源部分下的搜索匿名和内容脚本

现在照常导航到您的页面，右键单击并打开 DevTools。选择 DevTools 窗口下部的搜索选项卡，然后输入特定于您要搜索的 JavaScript 代码中的文本的关键字。