手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何查找JS脚本的未知错误JS调试错误

时间:2024-10-13 16:48:32

1、先写个测试代码,脚本很简单,只是在页面上显示a+b的结果。

如何查找JS脚本的未知错误JS调试错误

2、运行页面,在页面上可以看到输出了正确的结果。

如何查找JS脚本的未知错误JS调试错误

3、但如果我们手误,把a+b的代码,写在a+bb,如图

如何查找JS脚本的未知错误JS调试错误

4、运行页面,页面没显示正确的数据,但也没有报错,没有影响页面的运行。

如何查找JS脚本的未知错误JS调试错误

5、为了找出这种潜在的错误,我们可以利用浏览器的开发者工具。点击浏览器的设置图标,然后在‘更多工具’里找到‘开发者工具’(Chrome浏览器)(按快捷键F12或者其他快捷键,不同浏览器,不同系统,快捷键不一样)

如何查找JS脚本的未知错误JS调试错误

6、打开工具后,刷新页面,可以在控制台上看到了红色的错误,就是提示我们变量bb没有定义。

如何查找JS脚本的未知错误JS调试错误

7、还可以在调试页面(source)里,点击激活这个按钮,就是有遇到异常时进入中断。

如何查找JS脚本的未知错误JS调试错误

8、激活后,刷新页面,可以看到,立即进入了中断,这个更容易帮我们找到是哪里出的错。

如何查找JS脚本的未知错误JS调试错误
© 手抄报圈