如何在Chrome / Firefox中调试js文件

Question

在sources / debugger选项卡中，我看不到网站使用的js文件，但我可以在网络选项卡中看到它们。 是因为它们是通过Ajax请求加载而不是通过脚本标记加载的吗？ 我该如何调试那些js文件？ 提前致谢

Answer 1

Javascript 文件可以在 Chrome 浏览器中调试，就像调试 HTML / CSS 文件一样，即使用 Chrome开发者工具< / strong>可根据您使用的操作系统，通过以下快捷方式启动。

对于Windows和Linux发行版：

Ctrl + Shift + I ➡打开开发人员工具

Ctrl + Shift + J ➡打开开发者工具并将焦点带到控制台。

Ctrl + Shift + C ➡切换检查元素模式。

对于Mac OS：

⌥ + ⌘ + I ➡打开开发人员工具

⌥ + ⌘ + J ➡打开开发者工具并将焦点带到控制台。

⌥ + ⌘ + C ➡切换检查元素模式。

使用Javascript Profiler：

如果您想获得有关确切调用哪些JavaScript函数以及每个函数花费的时间或脚本的其他运行时脚本分析的详细信息，那么Chrome会提供其他附加工具。

Keyboard Shortcuts Reference

Source: Chrome DevTools Overview