我来这里是为了寻找类似的解决方案。我真的很想看到chrome输出页面加载从一个新的选项卡(在我的情况下，一个表单提交)。

我实际使用的解决方案是修改表单目标属性，以便在当前选项卡中提交表单。然后我就可以捕获网络请求了。问题解决了!

F12比Ctrl+Shift+I简单

下面是所有DevTools打开的快捷方式:

2021年的答案:

打开开发人员工具(Windows下按CTRL+SHIFT+I) 点击“齿轮”图标。将出现新的设置窗口。

“自动打开弹出式开发工具”现在在“首选项”部分。

我来这里是为了寻找类似的解决方案。我真的很想看到chrome输出页面加载从一个新的选项卡(在我的情况下，一个表单提交)。

我实际使用的解决方案是修改表单目标属性，以便在当前选项卡中提交表单。然后我就可以捕获网络请求了。问题解决了!

从命令行运行chrome时使用——auto-open-devtools-for-tabs标记

/应用程序/谷歌\ Chrome。app/Contents/MacOS/谷歌\ Chrome——auto-open-devtools-for-tabs

https://developer.chrome.com/docs/devtools/open/#auto

如果你使用Visual Studio Code (vscode)，使用非常流行的vscode chrome调试扩展(https://github.com/Microsoft/vscode-chrome-debug)，你可以设置启动配置文件启动。Json，并指定在调试会话期间打开开发人员工具。

这是发射。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"]，

从vscode你现在可以输入F5, Chrome打开你的应用程序和控制台选项卡以及。