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

Question

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

Answer 1

转至 chrome://flags/ ，启用“启用开发人员工具实验”标志并重新启动 Chrome(或使用 --enable-devtools-experiments 命令行标志启动它。)

打开 DevTools，转到 Settings对话框，切换到 Experiments标签。

启用“Snippets support”实验，关闭并重新打开 DevTools。

转至 Sources控制板。在左侧导航器侧栏中，切换到 Snippets标签 。

右键单击此选项卡中的 [空] 树，选择 New上下文菜单项。

为新代码段指定任何您喜欢的名称并键入代码段正文。

完成后，单击 Run ( > ) 按钮在状态栏中执行代码段正文。您可以在片段中设置断点并将它们作为普通脚本进行调试。