google-chrome - 使用 target='_blank' 链接自动打开 Chrome 开发工具？

Question

当您点击一个target='_blank'链接时，它自然会在 Google Chrome 中打开一个新标签页。对于特定站点，我需要使用 Chrome 开发人员工具来检查打开的任何新选项卡的 http 请求。

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

此外，在许多情况下，这些新标签在到达最终页面之前会经过一系列重定向，因此我无法在打开 Chrome 开发工具后简单地重新加载页面。

我能想到的唯一解决方法是，如果我正在处理的站点位于本地开发服务器上，我可以暂时将链接从 更改target='_blank'为target='_self'，但这对于具有数千个链接的站点或我无法控制代码的网站。

Is it possible to set Chrome Dev Tools to automatically open with every new tab (opened either manually or via target='_blank'?

Answer 1

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

您将看到一个带有“Auto-Open DevTools for popups”复选标记的 Global 部分，该部分适用于target="_blank"使用 devtools 窗口打开链接：

Answer 2

可以为所有新选项卡自动打开 devtools，而不仅仅是 target = _blank。启动 google chrome 时，传递 flag --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

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