以無頭模式偵錯

Mathias Bynens

Peter Kvitek

由於 Chrome 在無頭模式下幾乎是隱形的，因此解決問題可能聽起來很棘手。您可以使用與有頭 Chrome 非常類似的方式，偵錯 Headless Chrome。

使用 --remote-debugging-port 指令列旗標，以無頭模式啟動 Chrome。

chrome --headless --remote-debugging-port=0 https://developer.chrome.com/

這會將專屬的 WebSocket 網址列印至 stdout，例如：

DevTools listening on ws://127.0.0.1:60926/devtools/browser/b4bd6eaa-b7c8-4319-8212-225097472fd9

在有頭 Chrome 執行個體中，我們可以使用 Chrome 開發人員工具遠端偵錯，連線至無頭目標並檢查。

1. 前往 chrome://inspect，然後按一下「設定…」按鈕。
2. 輸入 WebSocket 網址中的 IP 位址和通訊埠編號，例如 127.0.0.1:60926。
3. 按一下「完成」，您應該會看到「遠端目標」及其所有分頁，以及列出的其他目標。
4. 按一下「檢查」即可存取 Chrome 開發人員工具，並檢查遠端無頭目標，包括網頁的即時檢視畫面。