Question

我有HTML5应用程序，可以通过单击链接在新窗口中打开。每次我想记录网络通信以启动开发人员工具时，我有点厌倦了 Shift + I ，因为我总是需要它。我无法找到在启动时始终启用开发人员工具的选项。

在Chrome中打开新窗口时，有没有办法自动打开开发人员工具？

Answer 1

在打开开发人员工具时，在开发人员工具窗口处于焦点位置，按 F1 。这将打开一个设置页面。检查“自动打开DevTools以获取弹出窗口”。

这对我有用。

Answer 2

<强>更新

时间已经改变，你现在可以像this answer一样使用--auto-open-devtools-for-tabs - Wouter Huysentruit 5月18日11:08

<强> OP：

我在执行时使用了Chrome的启动字符串，但无法将其保留到新标签页我还考虑过你可以从提示中调用的已定义的PATH方法。这可以通过SendKeys命令实现，但同样仅适用于新实例。并且DevTools不会坚持使用新标签。

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

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

Answer 3

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

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

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

这是一个有用的链接： chromium-command-line-switches

Answer 4

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

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

Answer 5

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

在网络下 - ＆gt;保留日志在DevTools下 - ＆gt;为弹出窗口自动打开DevTools

Answer 6

F12比Ctrl + Shift + I

更容易

Answer 7

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

在开发工具下，选中自动打开弹出式开发工具选项

Answer 8

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

Answer 9

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

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

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

Answer 10

是的，你有办法做到这一点

右击 - ＆gt;检查 - ＆gt;来源（标签）
向右移动会有一个“暂停脚本执行按钮”

我希望它有所帮助！和平

P.S：这是第一次。从第二次起，开发工具自动加载

Answer 11

任何希望在Visual Studio中执行此操作的人都可以参与此Code Project文章。只需添加＆＃34; - auto-open-devtools-for-tabs＆＃34;在参数框中。工作于2017年。

Answer 12

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

这是我用于React项目的launch.json：

{
  "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浏览器也会打开您的应用和控制台标签。

Answer 13

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

打开新选项卡/新窗口时自动打开Chrome开发人员工具

13 个答案: