在Chrome開發人員工具中編寫JavaScript

在Firebug中，我可以在控制檯選項卡中鍵入我自己的JavaScript並執行它。有沒有在Chrome開發人員工具中鍵入JavaScript並執行它的方法？在Chrome開發人員工具中編寫JavaScript

2012-12-09 Andrew Koper

感謝。我想我知道我可以在那裏寫一行。有沒有一種方法可以寫出多行JavaScript？ –

轉到chrome://flags/，啓用「啓用開發者工具實驗」標誌，然後重新啓動瀏覽器（或與--enable-devtools-experiments命令行標誌啓動它。）
打開DevTools，轉到Settings對話框，切換到Experiments選項卡。
啓用「Snippets支持」實驗，關閉並重新打開DevTools。
轉到Sources面板。在左側導航側邊欄中，切換到Snippets選項卡。
右鍵單擊此選項卡中的[空]樹，選擇New上下文菜單項。
給新的片段添加任何你喜歡的名字並輸入片段正文。
完成後，單擊狀態欄中的Run（>）按鈕以執行片段正文。您可以在片段中設置斷點並將其作爲普通腳本進行調試。

2012-12-10 08:30:55

使用Chromium版本20.0.1132.47 Ubuntu 12.04（144678），我發現步驟2,4和5略有不同：2）打開開發工具（'Tools'>'Developer Tools' - 或'Shift + Ctrl + I' ），點擊設置圖標（右下方的一個小齒輪），然後*向下滾動*到「實驗」部分。 3是一樣的。 4）切換到'Scripts'面板。如有必要，請點擊小樹狀圖標。現在您會看到三個選項卡：腳本，內容腳本和片段。切換到「Snippets」標籤。 5）在該選項卡的[空]樹上單擊鼠標右鍵，選擇「Create snippet」上下文菜單項。 – hangtwenty

但是，我點擊'Create snippet'後似乎沒有任何事情發生。也許這是這個版本的Chromium的一個bug。 – hangtwenty

你怎麼還在使用Chromium 20？你應該更新，因爲它有很多安全漏洞。 –

您無法調試Javascript，但是您可以在Chrome檢查器中的REPL中執行它（包括jquery）。

打開檢查
點擊按鈕左下方有3條線路 - 它的工具提示「顯示控制檯」
鍵入您的JavaScript，然後按回車

注意，通常必須先轉到Sources選項卡並單擊JavaScript的「暫停腳本執行」按鈕以進行評估。

來源

2012-12-09 22:53:46

最近的Chrome 使用Chrome 50，中庸之道打開「控制檯」選項卡，並開始輸入，並在控制檯底部的執行你的代碼。

箭了，召回的代碼，按Ctrl-Enter給你一個新行：

來源

2016-06-03 09:48:24 maxbellec

步驟1：打開谷歌Chrome瀏覽器開發工具[按F12]

第2步：點擊來源標籤

第3步：在左側面板上，點擊片段片（可能是隱藏的，如果是這樣單擊>>，它就會出現）

第4步：要創建新的代碼片段點擊+新片段或導航器中單擊鼠標右鍵，然後選擇新

第5步：將代碼開發到中間窗格並保存。

第6步：運行代碼段，有三種方式

 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-04 05:30:13 mistertandon

在Chrome開發人員工具中編寫JavaScript

回答

相關問題