如何在 Google Chrome Javascript 控制台中编写和运行脚本？答案

【问题标题】：How to write and run scripts in the Google Chrome Javascript Console?如何在 Google Chrome Javascript 控制台中编写和运行脚本？
【发布时间】：2011-07-28 08:27:28
【问题描述】：

我最近从 Firefox 切换到 Chrome，但我（可能）错过了一个重要功能。我习惯用这种方式在 Firebug 控制台中在 FF 上测试 javascript sn-ps：打开控制台，编写脚本，最后按 CTRL + Return 来执行代码。

似乎不可能在 Chrome 控制台中执行相同的操作，因为当我在那里键入一些代码并按回车键开始新行时，代码会立即执行。

有没有办法在 Chrome 上复制 Firefox 的行为？

谢谢。

【问题讨论】：

标签： javascript firefox google-chrome console

【解决方案1】：

似乎没有明确的“多行模式”。但是你可以：

粘贴代码（它将保留多行）
Shift + Return 添加新行而不执行脚本

【讨论】：

【解决方案2】：

您也可以在不运行 Chrome 控制台中的代码的情况下按 Shift + Enter 开始新行：https://developers.google.com/chrome-developer-tools/docs/tips-and-tricks#multiline-commands

【讨论】：

【解决方案3】：

安装Firebug Lite for Google Chrome。它有一个控制台。
不要寻找成熟的 Firebug。你会失望的:)

糟糕，我一开始没有正确阅读。我的错！

在 Firebug Lite 中，使用控制台。然后您会在右上角看到一个小的红色向上箭头。
点击它，你会得到一个多行控制台。你不会吗？

【讨论】：

谢谢。这将是一个很好的解决方法，只要我能够让 Firebug Lite 在 Google Chrome 10 上运行，而不是当我点击错误图标时它保持灰色......！
@Guandalino：试试 Stack Overflow。它不适用于 chrome 扩展页面

【解决方案4】：

我推荐这个：

在控制台选项卡中输入debugger; 并按Enter
这会将您带到来源标签；如果没有，请确保调试器断点处于活动状态
现在您可以在 Sources 选项卡中编写任何您想要的内容，它就像一个完整的 IDE，具有换行和缩进等功能
选择要运行的代码的任何部分，然后右键单击，选择Evaluate in console

【讨论】：

【解决方案5】：

使用 Chrome 功能的更好方法，即 Snippets，您可以在其中编写 javascript 并保存 chrome 开发者控制台。在检查元素时，它可以在开发人员工具中的源代码下使用。 More info about the snippets can be find on this link.

它在 Chrome canary 中可用，我想现在它也可以在默认的 chrome 浏览器中使用。

【讨论】：