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

时间:2011-04-02 18:09:54

标签: javascript firefox google-chrome console

我最近从Firefox切换到Chrome,我(可能)错过了一个重要的功能。我习惯于在Firebug控制台内以这种方式测试FF上的javascript片段:打开控制台,编写脚本,最后按CTRL + Return执行代码。

似乎无法在Chrome控制台中执行相同操作,因为当我在那里键入一些代码并按返回以启动新行时,代码立即执行。

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

感谢。

5 个答案:

答案 0 :(得分:4)

似乎没有明确的“多线模式”。 但你可以:

  • 粘贴代码(它将保留多行)
  • Shift +返回以添加新行而不执行脚本

相关错误:
https://bugs.webkit.org/show_bug.cgi?id=30553
http://code.google.com/p/chromium/issues/detail?id=72739

答案 1 :(得分:3)

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

答案 2 :(得分:2)

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

哎呀,起初我没看好。我的错!

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

答案 3 :(得分:2)

我推荐这个:

  1. 在控制台标签
  2. 中写下debugger;并点击 Enter
  3. 这会将您带到来源标签;如果没有,请确保调试器断点处于活动状态
  4. 现在,您可以在来源标签中编写您想要的任何内容,该标签的行为类似于具有换行和缩进等功能的完整IDE
  5. 选择要运行的代码的任何部分,然后右键单击,选择Evaluate in console

答案 4 :(得分:2)

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

它可以在Chrome金丝雀中使用,我想现在它也可以在默认的Chrome浏览器中使用。