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

在Chrome中打开新窗口时,是否有办法自动打开开发人员工具?


当前回答

任何想要在Visual Studio中实现这一功能的人,这篇Code Project文章都会有所帮助。只需在参数框中添加“——auto-open-devtools-for-tabs”。2017年生效。

其他回答

这里有一个命令行开关:——auto-open-devtools-for-tabs

所以,在Windows上,对于谷歌Chrome快捷方式上的属性,使用这样的东西:

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

这里有一个有用的链接: chromium-command-line-switches。

根据DevTools文档,下面是针对每个平台的命令行:

MacOS: 打开-a "谷歌Chrome"——args——auto-open-devtools-for-tabs 窗口: 启动chrome——auto-open-devtools-for-tabs Linux: google chrome, auto-open-devtools-for-tabs

2021年的答案:

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

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

从命令行运行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打开你的应用程序和控制台选项卡以及。

您可以打开码头视图设置,并根据需要调整窗口。 截图。