1、先写个测试代码,脚本很简单,只是在页面上显示a+b的结果。
2、运行页面,在页面上可以看到输出了正确的结果。
3、但如果我们手误,把a+b的代码,写在a+bb,如图
4、运行页面,页面没显示正确的数据,但也没有报错,没有影响页面的运行。
5、为了找出这种潜在的错误,我们可以利用浏览器的开发者工具。点击浏览器的设置图标,然后在‘更多工具’里找到‘开发者工具’(Chrome浏览器)(按快捷键F12或者其他快捷键,不同浏览器,不同系统,快捷键不一样)
6、打开工具后,刷新页面,可以在控制台上看到了红色的错误,就是提示我们变量bb没有定义。
7、还可以在调试页面(source)里,点击激活这个按钮,就是有遇到异常时进入中断。
8、激活后,刷新页面,可以看到,立即进入了中断,这个更容易帮我们找到是哪里出的错。