自动打开带有 target='_blank' 链接的 Chrome 开发工具？

Question

当您单击

target='_blank'

链接时，它自然会在 Google Chrome 中打开一个新选项卡。对于特定网站，我需要使用 Chrome 开发者工具来检查打开的任何新选项卡的 http 请求。

每当您在当前页面上打开 Chrome 开发工具，然后单击打开新选项卡的链接时，默认情况下不会在新页面上打开 Chrome 开发工具。此时打开 Chrome 开发工具为时已晚，因为该工具无法捕获页面的 http 请求。

此外，在许多情况下，这些新选项卡在到达最终页面之前会经历一系列重定向，因此我不能简单地在打开 Chrome 开发工具后重新加载页面。

我能想到的唯一解决方法是，如果我正在处理的站点位于本地开发服务器上，我可以暂时将链接从

target='_blank'

更改为

target='_self'

，但这对于站点来说是不现实的有数千个链接或我无法控制代码的网站。

是否可以将 Chrome 开发工具设置为在每个新选项卡中自动打开（手动打开或通过

target='_blank'

打开？

Answer 1

我不确定这个更改是在哪个 Chrome 版本上进行的，但是如果您单击开发工具上的“设置”轮：

您将看到一个全局部分，其中带有“自动打开弹出窗口的开发工具”复选标记，该部分可用于打开带有开发工具窗口的

target="_blank"

链接：

Answer 2

可以为所有新选项卡自动打开开发工具，而不仅仅是 target = _blank。启动 google chrome 时，传递标志

--auto-open-devtools-for-tabs

。它可以为所有自动创建的窗口启动开发工具。

对于Linux

google-chrome --auto-open-devtools-for-tabs

对于 Mac

open -a“Google Chrome”--args --auto-open-devtools-for-tabs

Answer 3

您可以使用 Charles Proxy 或在浏览器之外工作的任何其他 HTTP 调试工具来帮助您调查问题。

Answer 4

您只能通过 UI 操作或键盘快捷键打开 DevTools 窗口。没有办法自动执行此操作。