如何在FireFox调试器中调试JSP嵌入式JavaScript？

Question

我正在使用FireFox调试器来调试包含.JSP文件和.js包含文件的应用程序。 调试.JSP我可以在.js文件中放置断点，但不能在调用.js文件的.JSP文件中的JavaScript / JQuery中.JSP 。 除非我可以在所有包含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代码中输入特定于该文本的关键字。