如何在Google Chrome Javascript控制台中編寫和運行腳本？

Question

我最近從Firefox切換到Chrome，我（可能）錯過了一個重要的功能。 我習慣於在Firebug控制台內以這種方式測試FF上的javascript片段：打開控制台，編寫腳本，最后按CTRL + Return執行代碼。

似乎不可能在Chrome控制台中執行相同的操作，因為當我在那里鍵入一些代碼並按下返回以啟動新行時，代碼立即執行。

有沒有辦法在Chrome上復制Firefox行為？

謝謝。

Answer 1

似乎沒有明確的“多線模式”。 但是你可以：

• 粘貼代碼（它將保留多行）
• Shift + Return以在不執行腳本的情況下添加新行

相關錯誤：
https://bugs.webkit.org/show_bug.cgi?id=30553
http://code.google.com/p/chromium/issues/detail?id=72739

Answer 2

您也可以按Shift + Enter開始換行，而無需在Chrome控制台中運行代碼： https ： //developers.google.com/chrome-developer-tools/docs/tips-and-tricks#multiline-commands

Answer 3

我推薦這個：

1. 寫debugger; 並在控制台選項卡中按Enter鍵
2. 這會將您帶到Sources選項卡; 如果沒有，請確保調試器斷點處於活動狀態
3. 現在，您可以在“ 源”選項卡中編寫所需的任何內容，該選項卡的作用類似於具有換行和縮進等功能的完整IDE
4. 選擇要運行的代碼的任何部分，然后右鍵單擊， Evaluate in console選擇“ Evaluate in console

Answer 4

更好的方法是使用Chrome功能，即片段 ，您可以在其中編寫 javascript並將其保存在chrome開發人員控制台中。 它在開發人員工具內部可用，同時檢查元素。 有關該片段的更多信息可以在此鏈接上找到。

它可以在Chrome金絲雀中使用，我想現在它也可以在默認的Chrome瀏覽器中使用。

Answer 5

為Google Chrome安裝 Firebug Lite 。 它有一個控制台。
不要尋找一個完整的Firebug。 你會失望的:)

哎呀，起初我沒看好。 我的錯！

在Firebug Lite中， 使用Console 。 然后你會在右角看到一個小紅色向上箭頭 。
單擊它，您將獲得一個多線控制台 。 不是嗎？