在Chrome开发者工具中编写JavaScript

Question

在Firebug中，我可以在控制台选项卡中键入我自己的JavaScript并执行它。有没有办法在Chrome开发者工具中输入JavaScript并执行它？

Answer 1

1. 转到chrome://flags/，启用“启用开发人员工具实验”标记并重新启动Chrome（或使用--enable-devtools-experiments命令行标志启动它。）
2. 打开DevTools，转到Settings对话框，切换到Experiments标签。
3. 启用“代码段支持”实验，关闭并重新打开DevTools。
4. 转到Sources面板。在左侧导航器侧边栏中，切换到Snippets标签。
5. 右键单击此选项卡中的[空]树，选择New上下文菜单项。
6. 为新代码段添加您喜欢的任何名称并输入代码段。
7. 完成后，点击状态栏中的Run（>）按钮即可执行代码段正文。您可以在片段中设置断点并将其作为普通脚本进行调试。

Answer 2

第1步：打开Goog​​le Chrome开发工具[按f12 ]

第2步：点击来源标签

步骤3：在左侧面板上，点击代码段标签（可能会隐藏，如果是，请点击＆gt;＆gt; ，它会出现）

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

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

第6步：要运行Snippet，有三种方法

       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.

Answer 3

最近的Chrome 使用Chrome 50，juste打开“控制台”选项卡，然后在控制台底部开始键入并执行代码。

向上箭头，回想一下代码，ctrl-enter为你提供了一个新行：

Answer 4

您无法调试Javascript，但可以在chrome检查器的REPL中执行它（包括jquery）。

1. 打开检查员
2. 点击左下方的按钮，有3行 - 其工具提示为“show console”
3. 输入您的javascript并按Enter

请注意，您通常必须转到“来源”标签，然后点击“暂停脚本执行”按钮，以便对您的javascript进行评估。