在无头模式下进行调试

Mathias Bynens

Peter Kvitek

由于 Chrome 在无头模式下实际上是不可见的，因此解决问题可能听起来很棘手。不过，您可以采用与有头 Chrome 非常相似的方式调试无头 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 开发者工具并检查远程无头目标，包括网页的实时视图。