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

Question

有没有办法调试jsp页面内的javascript，就像chrome这样：

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

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

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

Answer 1

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

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

debugger

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

Answer 2

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