28

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

4

4 回答 4

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

第 1 步：打开 Google chrome 开发工具 [按 f12 ]

第 2 步：点击来源选项卡

第 3 步：在左侧面板上，单击Snippets选项卡（可能隐藏，如果是，请单击>>会出现）

第 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.
于 2017-03-04T05:30:13.937 回答
8

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

向上箭头，回忆代码，ctrl-enter 给你一个新行：

在此处输入图像描述

于 2016-06-03T09:48:24.650 回答
0

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

  1. 打开检查器
  2. 单击左下角的 3 行按钮 - 它的工具提示是“显示控制台”
  3. 输入你的 javascript 然后按回车

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

于 2012-12-09T22:53:46.360 回答