Chrome開發工具：在沒有切換到「源」選項卡的情況下進入調試器

如果我在Chrome源代碼中打開debugger語句，Chrome開發工具將停止執行，以便我可以從控制檯交互式地瀏覽當前上下文。這真的很棒。Chrome開發工具：在沒有切換到「源」選項卡的情況下進入調試器

但不幸的是，它也會切換到Sources選項卡並顯示debugger聲明發生的行。大多數情況下，我想輸入JavaScript命令，所以我必須手動切換回控制檯選項卡。

我可以避免製表符切換並保留在控制檯選項卡中嗎？

還是我用它錯了？

2012-09-27 Jo Liss

我認爲調試器每次都執行相同的操作。但按「ESC」將顯示控制檯處於「來源」中時的狀態。我從來沒有發現自己使用控制檯選項卡，因爲無論如何，調試涉及「步進」90％的時間。 – joecritch

我給你我的答案，但我可以問你爲什麼使用'debugger'而不是更靈活的斷點嗎？ – MaxArt

感謝您的回答，以及@joecritch！我使用'debugger'代替斷點，因爲我通常在我的編輯器中打開我的源代碼（實際上是在CoffeeScript中），所以添加一個'debugger'行很容易。我必須瀏覽Sources選項卡才能找到我感興趣的點以設置斷點，因此需要更長的時間。 –

這是有原因的 - 而且每當代碼停止時，由於斷點或debugger聲明，您通常會希望實際看到，其中執行已停止。因此，開發人員工具切換到Scripts/Sources選項卡，這是主要瀏覽器中的常見行爲，也可能顯示本地變量，調用堆棧等。

您可以做的最好的事情是保持控制檯框架始終打開，以便您可以開始工作。只需按Esc或點擊左下角的第二個圖標。這就是我通常所做的。

如果您希望從鍵入的命令獲得較大響應，請切換到「控制檯」選項卡。

2012-09-28 15:30:49 MaxArt

您已經解釋了爲什麼'debugger'的行爲方式如此，但是您沒有回答這個問題，即「我能否避免切換標籤並保留在Console選項卡中？」是否有可能這樣做？ – ACIDSTEALTH

回答