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

开启开发者工具

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

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

Console窗口调试JavaScript代码

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

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

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

Chrome snippets小脚本

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

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

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

Chrome浏览器中JavaScript的运行相关推荐

如何在Google Chrome浏览器中启动JavaScript调试器？
使用Google Chrome浏览器时,我想调试一些JavaScript代码. 我怎样才能做到这一点? #1楼在Chrome浏览器中按F12功能键以启动JavaScript调试器,然后单击" ...
什么是内存泄漏？Chrome浏览器中怎么查看内存占用情况？
JavaScript,会在创建变量(对象,字符串等)时分配内存,并且在不再使用它们时"自动"释放内存,这个自动释放内存的过程称为垃圾回收. 因为自动垃圾回收机制的存在,让大多Jav ...
手机UC浏览器导出书签到电脑Chrome浏览器中
前情提要:手机上从塞班开始就使用UC浏览器,那时候的UC浏览器还是相对比较好用的,现在已经变成了满屏低俗营销新闻广告的垃圾软件,终于无法忍受决定转移阵地却发现这个垃圾软件竟然不允许导出书签了,对于这种 ...
greasemonkey_Google Chrome浏览器中的Greasemonkey脚本入门指南
greasemonkey Would you like to customize your favorite websites with popular Greasemonkey scripts? ...
如何在 Google Chrome 浏览器中使用 Java？
如何在 Google Chrome 浏览器中使用 Java? 本文适用于: 浏览器: Chrome Java 版本: 7.0, 8.0 Chrome 对 NPAPI 的支持用于 Web 浏览器的 J ...
解决chrome浏览器中鼠标滚轮滚动事件失效的问题
今天遇到了一个html5页面由于开启了图片遮罩层在chrome浏览器中,鼠标滚轮上下滚动时,页面不动的问题,后查询相关资料后解决,具体方法是加入如下代码: <script type=" ...
notepad++ 编写html代码快捷键切换到浏览器查看,notepad++在chrome浏览器中打开查看网页效果...
notepad++在chrome浏览器中打开查看网页效果,操作设置:运行--在chrome浏览器中打开,这是notepad默认的设置方式但是notepad++如果没有配置chrome浏览器打开,可以 ...
“ERR_NAME_NOT_RESOLVED“ : 如何在 Google Chrome 浏览器中修复此 DNS 错误
当我们要访问特定的 Web 项目,只需要一个 Internet 浏览器和该项目的域名.在浏览器的地址栏中键入域名以表示页面的数字 IP 地址.DNS服务器(域名系统)处理这种为域名解析的自动翻译.如果 ...
“ERR_NAME_NOT_RESOLVED”：如何在 Google Chrome 浏览器中修复此 DNS 错误
互联网使您可以访问看似无限数量的各种网站.要访问特定的 Web 项目,您只需要一个Internet 浏览器和该项目的域名.您在浏览器的地址栏中键入域名以表示页面的数字 IP 地址.DNS 服务器(域名 ...

Chrome浏览器中JavaScript的运行

开启开发者工具

Console窗口调试JavaScript代码

Chrome snippets小脚本

Chrome浏览器中JavaScript的运行相关推荐

最新文章

热门文章