在 Chrome 浏览器中执行 JavaScript
本章介绍如何在Chrome浏览器上运行和调试JavaScript代码。
Chrome是Google开发的免费网页浏览器,对于后端开发(尤其是调试代码)非常方便。
Chrome官方网站地址:。
在Chrome浏览器中,我们可以按F12按钮或者右键页面选择“检测”来打开开发者工具。
也可以选择右上方菜单栏的“更多工具”=“开发者工具”打开:
1.控制台窗口调试JavaScript代码
打开开发者工具后,我们可以在Console窗口中调试JavaScript代码,如右图:
上图中,我们在 > 符号后面输入我们要执行的代码 console.log("runoob"),然后回车执行。
我们还可以复制一段代码到其他地方来执行,例如将下面的代码复制到Console窗口然后回车执行:
console.log("runoob-1") console.log("runoob-2")
要清除控制台窗口的内容谷歌浏览器 javascript,请按以下键:
2.Chromesnippets 小脚本
我们还可以创建一个脚本在 Chrome 浏览器中执行。 单击开发人员工具中的 Sources 面板,选择 Snippets 选项卡,在导航器中右键单击鼠标,然后选择 Createnewsnippet 创建一个新的脚本文件:
如果您没有看到代码片段谷歌浏览器 javascript,您可以单击侧面板>>即可看到它。
单击“Createnewsnippet”后,将手动创建一个文件。 您只需在左侧窗口中输入以下代码,然后按 Command+S (Mac) 或 Ctrl+S(Windows 和 Linux)即可保存更改。
console.log("runoob-1") console.log("runoob-2")
保存后,右键单击文件名,选择“运行”,执行代码: