如何在 FireFox 调试器中调试 JSP 嵌入的 JavaScript？答案

【问题标题】：How do I debug JSP-embedded JavaScript in FireFox debugger?如何在 FireFox 调试器中调试 JSP 嵌入的 JavaScript？
【发布时间】：2018-10-23 20:16:19
【问题描述】：

我正在使用 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 不可见。如何正确添加断点？

【问题讨论】：

你为什么要把javascript放到jsp文件中？您是否尝试为每个文件维护单独的文件？
@andrewdleach 这不是我的决定。我在问如何使用我必须使用的东西。你知道如何按照 OP 的要求去做吗？
可以把debugger命令放到你要调试的代码里
@charlietfl 非常感谢。但我不知道你的意思。能详细点吗？
该命令在代码本身遇到时设置断点

标签： javascript jquery jsp debugging firefox

【解决方案1】：

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

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

导航到设置>首选项
在来源部分下检查在匿名和内容脚本中搜索

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

【讨论】：