如何使用Chrome调试JSP页面中的JavaScript？

Question

有没有办法在类似于这个包含 JavaScript 的 JSP 页面中使用 Chrome 进行调试？

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

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

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

- PogoMips

Answer 1

在需要调试的地方加上魔术词debugger，打开开发者工具并重新加载页面以进行调试。它的工作方式类似于断点：

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

debugger

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

- dfsq

---

我在哪里可以看到变量的值？JSP页面的代码在开发者工具中没有显示。 - PogoMips

Answer 2

您不会在浏览器中看到JSP文件，因为JSP是服务器端的，会在服务器端解释并最终转换为HTML，然后发送到您的浏览器。在Chrome开发者工具中，您可以在左侧的源列表中找到页面本身（完整的标记），它可能被命名为您命名的任何名称，也可能被命名为类似于（程序）这样的通用名称。您可以在其中找到您的JavaScript代码（因为您放置在JSP中的JS应该已经呈现在页面上），并且可以在其中设置断点和执行任何其他操作，就像使用普通的.js文件一样。

- ajp15243