水一贴。
(一)真实环境下的调试
- 在浏览器中按F12.
- 点击"source"或者"源程序"。 注意:一定要在 s o u r c e 窗口中打开 j s ,在 n e t w o r k 或者其他选项中打开,断点不生效。 \color{red}注意:一定要在source窗口中打开js,在network或者其他选项中打开,断点不生效。 注意:一定要在source窗口中打开js,在network或者其他选项中打开,断点不生效。
- 从路径中找到要调试的js文件,点击js源码所在窗口的左边,此时点击处显示为蓝色光标,表示断点设置完毕。
- 再次刷新页面,此时断点生效,代码会中断下来。此后,配合窗口右上角的"继续" 、“下一步”、 "跳过"等控制按钮,即可完成对网页源码的调试。
(二)自己搭建调试环境
- 找到需要调试的js文件,并导出并重命名为debug.js。
- 写一个html脚本:
<!DOCTYPE html> <html><header></header> <body></body> </html>
- 在html脚本中添加:`
- 双击html,并按F12,跟上面一样,双击debug.js中代码的左边,在js中设置断点并调试。
`