打开新标签页/新窗口时，自动打开Chrome开发者工具

我有HTML5应用程序，可通过单击链接在新窗口中打开。每次想登录网络通信以启动Developer工具时，我都对按Shift + I感到有些厌倦，因为我一直都需要它。我找不到在启动时始终启用开发人员工具的选项。

在Chrome中打开新窗口时，是否可以自动打开开发者工具？

更新2：

看到这个答案。-2019-11-05

如果您从中打开了弹出窗口，则现在也可以在弹出窗口中自动打开开发人员工具。例如，如果您没有打开Dev Tools并出现一个弹出窗口，则不会使用Dev Tools打开它。但是，如果您打开了Dev Tools，然后单击了某些内容，则弹出窗口将自动打开Dev-Tools。

更新：

时间已经改变，您现在可以按照此答案使用--auto-open-devtools-for-tabs – Wouter Huysentruit，5月18日，11：08

OP：

我在执行时使用了Chrome的启动字符串，但无法将其保留到新标签页。
我还考虑了可以从提示符处调用的已定义PATH方法。使用SendKeys命令可以做到这一点，但同样只能在新实例上进行。而且DevTools不会保留到新选项卡。

浏览Google产品论坛时，似乎没有内置的方法可以在Chrome中执行此操作。您必须使用击键解决方案或F12如上所述。

我推荐它为功能。我知道我也不是第一个。

在打开开发人员工具时，将焦点对准开发人员工具窗口，然后按F1。这将打开一个设置页面。检查“自动打开DevTools的弹出窗口”。

这对我有用。

为此有一个命令行开关： --auto-open-devtools-for-tabs

因此，对于Google Chrome浏览器上的属性，请使用以下内容：

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --auto-open-devtools-for-tabs

这是一个有用的链接： 铬命令行开关

在Mac上：退出Chrome，然后在终端窗口中运行以下命令：

open -a "Google Chrome" --args --auto-open-devtools-for-tabs

在Chrome DevTools设置下，您可以启用：

在网络下->保留日志在开发工具下->自动打开弹出的开发工具

F12比Ctrl + Shift + I更容易

在“开发人员工具”窗口可见的情况下，单击菜单图标（右上角的三个垂直点），然后单击设置。

在“ 开发工具”下，选中“ 自动打开开发工具弹出窗口”选项

我来这里寻找类似的解决方案。我真的很想从新标签页中查看页面加载的Chrome输出。（以我的情况为例，提交表单）我实际使用的解决方案是修改表单目标属性，以便在当前选项卡中进行表单提交。我能够捕获网络请求。问题解决了！

任何希望在Visual Studio中执行此操作的人都可以从此代码项目文章中获得帮助。只需在参数框中添加“ --auto-open-devtools-for-tabs”。在2017年工作。

如果您使用Visual Studio Code（vscode），则使用非常流行的vscode chrome调试扩展（https://github.com/Microsoft/vscode-chrome-debug），可以设置启动配置文件launch.json并指定在打开过程中打开开发人员工具调试会话。

这是launch.json我在React项目中使用的：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome against localhost",
      "url": "http://localhost:3000",
      "runtimeArgs": ["--auto-open-devtools-for-tabs"],
      "webRoot": "${workspaceRoot}/src"
    }
  ]
}

重要的是 "runtimeArgs": ["--auto-open-devtools-for-tabs"],

现在F5，您可以从vscode中输入，Chrome 也会打开您的应用和控制台标签。

是的，有一种方法可以做到

1. 右键单击->检查->来源（标签）

2. 在您的右边，将有一个“暂停脚本执行按钮”

希望对您有所帮助！

• PS：这是第一次，从第二次开始，开发工具将自动加载

用 --auto-open-devtools-for-tabs从命令行运行chrome时标志

/ Applications / Google \ Chrome.app/Contents/MacOS/Google \ Chrome --auto-open-devtools-for-tabs

https://developers.google.com/web/tools/chrome-devtools/open#auto

您可以F12在clicking three, vertical dots右下角的新窗口中打开Dev Tools（在Chrome中），然后选择Open as Separate Window。