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

Question

我正在使用FireFox调试器来调试包含if (Build.VERSION.SDK_INT < Build.VERSION_CODES.JELLY_BEAN_MR1) { myView.setId(Utils.generateViewId()); } else { myView.setId(View.generateViewId()); } 个文件和.JSP包含文件的应用。调试器允许我在.js文件中放置断点，但不在调用.js文件的.JSP文件中的JavaScript / JQuery中。调试并不完全有用，除非我可以在所有包含JavaScript和JQuery代码的文件中放置断点，无论文件扩展名附加到每个文件。

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

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

.js

如果我接受@ charlietfl的建议并添加<script language="javascript"> function someMethod(someArgument) { document.forms['someForm'].elements['someElement'].value = some.element; //some other JavaScript code } </script> Rest of JSP file... 命令，我在哪里以及如何添加它？

我首次尝试将其写成如下：

debugger

但是当我尝试运行代码时，浏览器会发出一条错误警告，指出debugger document.forms['someForm'].elements['someElement'].value = some.element; 尚未实现。因此，似乎以上面显示的方式添加单词someMethod()会导致该方法对FireFox不可见。如何正确添加断点？

Answer 1

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

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

• 导航至“设置”>“偏好设置”
• 选中来源部分
下的 使用匿名脚本和内容脚本 进行搜索

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