JavaScript工具调试

JavaScript工具调试

引言

引言
俗话说得好,“工欲善其事,必先利其器。",写JavaScript的时候,有问题的一定是我的代码。
如何找出问题代码?这就需要调试。
怎么在浏览器中调试JavaScript代码呢?
首先,你需要安装Google Chrome浏览器,Chrome浏览器对开发者非常友好,可以让你方便地调试JavaScript代码。
安装后,随便打开一个网页,然后点击菜单"查看(View)"“开发者(Developer)”“开发者工具(DeveloperTools)”,浏览器窗口就会一分为二,下方就是开发者工具:
在这里插入图片描述
先点击“控制台(Console)”,在这个面板里可以直接输入JavaScript代码,按回车后执行。
要查看一个变量的内容,在Console中输入console.log(a);,回车后显示的值就是变量的内容。关闭Console请点击右上角的"×"按钮。请熟练掌握Console的使用方法,在编写JavaScript代码时,经常需要在Console运行测试代码。
如果你对自己还有更高的要求,可以研究开发者工具的”源码(Sources)",掌握断点、单步执行等高级调试技巧。

おすすめ

転載: blog.csdn.net/weixin_45662838/article/details/119522606