如何使用浏览器调试js程序

1、第一步我们先简单介绍一下JavaScript在浏览器中的作用。JavaScript是用来为网页添加各种动态效果,以便实现Web页面的人机交互的一种即时编译型的轻量级脚本语言。现在的浏览器都是支持JS的。

2、很多浏览器都是基于Google Chrome浏览器内核来开发的，所以我以Google Chrome浏览器为例，打开浏览器，按一下键盘上的F12，或者在页面上右键--检查，就可以打开浏览器的开发者工具，JS的调试就是在这里操作的。

4、在该JS文件中找到需要调试的地方，点击前面的数字行号，出现蓝标，代表你告诉浏览器，当运行到这一行代码时，需要调试。这时按一下F5刷新浏览器，浏览器就会在这一步暂停，等待你的操作。页面上也会出现操作菜单，开发者工具的右侧功能栏也会变为可用状态。每个按钮的功能为：Pause/Resume script execution：暂停/恢复脚本执行（程序执行到下一断点停止）。Step over next function call：执行到下一步的函数调用（执行当前断点所在行，跳到下一行）Step into next function call：进入当前函数Step out of current function：跳出当前执行函数Deactive/Active all breakpoints：关闭/开启所有断点（不会取消）Pause on exceptions：异常情况自动断点设置打断点的还有一种方法是在JS文件中需要打断点的代码行前一行，输入debugger，再进入浏览器打开开发者工具，浏览器会自动在该行暂停，等待你的操作。跟在Sources中添加小蓝标是一样的。