使用 Chrome 在 jsp 页面中调试 javascript？

【问题标题】：Debug javascript inside jsp page with Chrome?使用 Chrome 在 jsp 页面中调试 javascript？
【发布时间】：2013-01-31 20:44:47
【问题描述】：

有没有办法调试jsp页面内的javascript，比如chrome：

<script>
var error = "${error}";

if(error != ""){
    alert(error);
}
</script>

在开发者工具窗口中，我只能找到 .js 文件。

【问题讨论】：

标签： javascript debugging google-chrome

【解决方案1】：

输入魔字debugger，打开开发者工具，重新加载页面调试。它像断点一样工作：

<script>
var error = "${error}";

debugger

if(error != ""){
    alert(error);
}
</script>

【讨论】：

那么我在哪里可以看到变量的值呢？ jsp页面的代码没有显示在开发者工具中

【解决方案2】：

您不会在浏览器中看到 JSP 文件，因为 JSP 是服务器端的，在那里被解释并最终转换为 HTML，然后发送到您的浏览器。在 Chrome 开发工具中，您的 Sources 选项卡应在左侧的源列表中列出页面本身（您的页面的全部标记）（它可以命名为您为页面命名的任何名称，也可以命名为 @987654321 之类的通用名称@)。您可以在其中找到您的 JavaScript 代码（因为您放入 JSP 中的 JS 最终应该已呈现到页面）并且您应该能够在其中放置断点并使用普通的 .js 文件执行任何其他操作.

【讨论】：