本章节为大家介绍如何在 Chrome 浏览器上进行 JavaScript 代码的运行与调试。Chrome 是由 Google 开发的免费网页浏览器对于前端开发来说尤其是调试代码非常方便。Chrome 官网地。我们在 Chrome 浏览器中可以通过按下 F12 按钮或者右击页面选择检查来开启开发者工具。也可以在右上角菜单栏选择更多工具》开发者工具来开启1、Console 窗口调试 JavaScript 代码打开开发者工具后我们可以在 Console 窗口调试 JavaScript代码如下图上图中我们在 符号后输入我们要执行的代码 console.log(runoob)按回车后执行。我们也可以在其他地方复制一段代码过来执行比如复制以下代码到 Console 窗口按回车执行console.log(runoob-1) console.log(runoob-2)清空 Console 窗口到内容可以按以下按钮2、Chrome snippets 小脚本我们也可以在 Chrome 浏览器中创建一个脚本来执行在开发者工具中点击 Sources 面板选择 Snippets 选项卡在导航器中右击鼠标然后选择 Create new snippet 来新建一个脚本文件如果你没看到 Snippets 可以点下面板上到 就能看到了。点击 Create new snippet 后会自动创建一个文件你只需在右侧窗口输入以下代码然后按 CommandSMac或 CtrlSWindows 和 Linux保存更改即可。console.log(runoob-1) console.log(runoob-2)保存后右击文件名选择 Run 执行代码