Google chrome devtools 在Chrome开发者工具中编写JavaScript

在Firebug中，我可以在控制台选项卡中键入自己的JavaScript并执行它。有没有办法在Chrome Developer Tools中键入JavaScript并执行它？

您不能调试JavaScript，但您可以在Chrome inspector中的a中执行它（包括jquery）

打开检查员

单击左下角有3行的按钮-其工具提示为“显示控制台”

键入javascript并按enter键

注意，您通常必须转到Sources选项卡并单击“暂停脚本执行”按钮才能对javascript进行评估

转到

chrome://flags/

，启用“启用开发人员工具实验”标志并重新启动Chrome（或使用

--启用devtools实验

命令行标志启动）

打开DevTools，进入

设置

对话框，切换到

实验

选项卡

启用“代码片段支持”实验，关闭并重新打开DevTools

转到

源

面板。在左侧导航器侧栏中，切换到

Snippets

选项卡

右键单击此选项卡中的[empty]树，选择

New

上下文菜单项

为新代码段指定任意名称，并键入代码段正文

完成后，单击状态栏中的

Run

（

）按钮以执行代码段正文。您可以在代码段中设置断点，并将其作为普通脚本进行调试

---

最近的Chrome 使用Chrome50，只需打开“控制台”选项卡，开始在控制台底部键入并执行代码

向上箭头，调用代码，按ctrl-enter键将显示新行：

---

步骤1：打开谷歌chrome开发工具[按f12]

第二步：点击来源选项卡

步骤3：在左侧面板上，单击“代码段”选项卡（可能是隐藏的，如果是，请单击“代码段”，它将显示）

步骤4：要创建新代码段，请单击+新建代码段或在导航器中单击鼠标右键，然后选择新建

步骤5：将代码开发到中间窗格并保存

步骤6：要运行代码段，有三种方法

       A: Ctrl + Enter

       B: Click on Run button [ Into Right-side panel, Top-Left button ]

       C: Right-click on the snippet filename (in the pane on the left that lists
          all your snippets) and select Run.

---

谢谢我想我知道我可以在那里写一行。有没有一种方法可以编写多行JavaScript？使用Chromium版本20.0.1132.47 Ubuntu 12.04（144678），我发现步骤2、4和5略有不同：2）打开开发人员工具（

Tools

Developer Tools-或

Shift+Ctrl+I

），单击设置图标（右下方的小齿轮），然后向下滚动到

实验

部分。3是一样的。4） 切换到

脚本

面板。如有必要，单击小树状图标。现在，您将看到三个选项卡，

脚本，

内容脚本

，以及

片段

。切换到

Snippets`选项卡。5） 在该选项卡的[empty]树中右键单击，选择

创建代码段

上下文菜单项。但是，单击

创建代码段

后，似乎什么也没有发生。也许这是这个版本的Chromium的一个bug。你怎么还在用Chromium 20呢？你肯定应该更新，因为它有很多安全漏洞。我很惊讶谷歌让在开发工具中键入JS变得如此困难，但这起到了作用。截至2015年8月，稳定版本支持此功能