Chrome是谷歌开发的网页浏览器,对于调试代码来说非常方便,下面是具体步骤
开启开发者工具
首先在Chrome浏览器中按下F12按钮,选择”检查“来开启开发者工具
还有一个方法是可以在右上角菜单栏选择”更多工具“,再选择”开发者工具“
Console窗口调试JavaScript代码
开发者工具被打开后,可以再Console窗口调试JavaScript代码,如下图
在>符号后输入要执行的代码,按回车后执行,如下图
要清空Console窗口到内容可以按以下按钮
Chrome snippets小脚本
可以在Chrome浏览器创建一个脚本来执行,之后在开发者工具中点击Sources面板,之后选择Snippets选项卡,再点击右击鼠标,选择 Create new snippet 来创建一个脚本文件,如下图
如果出现了没看到Snippets的情况,点击>>就可以看到了,如下图
点击 Create new snippet之后就会创建好一个文件,之后再右侧窗口输入代码,最后保存更改即可,保存后选择”run“执行代码,如下图
参考链接
评论可见,请评论后查看内容,谢谢!!!
发表评论