Chrome是谷歌开发的网页浏览器,对于调试代码来说非常方便,下面是具体步骤

开启开发者工具

首先在Chrome浏览器中按下F12按钮,选择”检查“来开启开发者工具

还有一个方法是可以在右上角菜单栏选择”更多工具“,再选择”开发者工具“

Console窗口调试JavaScript代码

开发者工具被打开后,可以再Console窗口调试JavaScript代码,如下图

在>符号后输入要执行的代码,按回车后执行,如下图

要清空Console窗口到内容可以按以下按钮

Chrome snippets小脚本

可以在Chrome浏览器创建一个脚本来执行,之后在开发者工具中点击Sources面板,之后选择Snippets选项卡,再点击右击鼠标,选择 Create new snippet 来创建一个脚本文件,如下图

如果出现了没看到Snippets的情况,点击>>就可以看到了,如下图

点击 Create new snippet之后就会创建好一个文件,之后再右侧窗口输入代码,最后保存更改即可,保存后选择”run“执行代码,如下图

参考链接

评论可见,请评论后查看内容,谢谢!!!
 您阅读本篇文章共花了: