如何使用Chrome开发工具调试页面中的Javascript

时间:2016-09-01 10:07:44

标签: javascript jsp google-chrome-devtools

我正在修理工单和调试工作等项目。我来到了一个需要查看Javascript返回的内容以及它获得的值的位置。

问题如下:

此Javascript位于正在显示的jsp文件中,因此它不在单独的文件中。因为这个Chromes Dev Tool没有显示它。并且它不允许我在jsp文件中放置断点。在页面中它自己。这样我可以检查值并查看本地范围内是否所有内容都是okey。代码不是我的,所以我想尽可能少地对它进行更改。

现在的问题是,除了重构和将Javascript放在另一个文件中之外,还有什么,看看它在运行时发生了什么。 或者也许我只是缺少Chromes Dev工具所具有的某种功能。 我没有经验丰富的所有功能是完全诚实的。

提前谢谢!如果不清楚,我很抱歉。我会编辑它以使事情更清楚。如果是这样的话。

2 个答案:

答案 0 :(得分:1)

您尝试做的是添加断点。 这是参考: https://developers.google.com/web/tools/chrome-devtools/debug/breakpoints/add-breakpoints?hl=en

您需要做的就是点击代码左侧的装订线。

答案 1 :(得分:0)

最好将JavaScript放在JSP的单独文件中,并将路径包含在<script>标记中,以便您可以利用浏览器中的缓存功能。

但是,您应该能够按原样调试JavaScript。如果将debugger;语句放入JSP的JavaScript部分,当浏览器评估代码时,调试器将检测语句并暂停,允许您访问客户端范围。