我有HTML5应用程序,通过单击链接打开一个新窗口。每次我想记录网络通信以启动开发工具时,我都有点厌倦按Shift + I,因为我总是需要它。我无法找到在启动时始终启用开发人员工具的选项。
在Chrome中打开新窗口时,是否有办法自动打开开发人员工具?
我有HTML5应用程序,通过单击链接打开一个新窗口。每次我想记录网络通信以启动开发工具时,我都有点厌倦按Shift + I,因为我总是需要它。我无法找到在启动时始终启用开发人员工具的选项。
在Chrome中打开新窗口时,是否有办法自动打开开发人员工具?
当前回答
更新2:
请看这个答案。- 2019-11-05
你现在也可以让它在弹出窗口中自动打开开发人员工具,如果它们是打开它们的地方。例如,如果你没有打开开发工具,你得到一个弹出窗口,它不会打开与开发工具。但是如果你打开了开发工具,然后你点击一些东西,弹出窗口会自动打开开发工具。
更新:
时间已经改变了,你现在可以使用-auto-open-devtools for tab,就像这个答案- Wouter Huysentruit 5月18日11:08
OP:
我玩了Chrome的启动字符串执行,但不能让它坚持到新的标签。 我还考虑了一个已定义的PATH方法,可以从提示符调用它。这可以通过SendKeys命令实现,但同样只能在新实例上实现。而且DevTools不会持久化到新选项卡。
浏览谷歌产品论坛,似乎没有一个内置的方式来做到这一点在Chrome。你必须使用按键解决方案或F12如上所述。
我推荐它作为一个功能。我知道我也不是第一个。
其他回答
更新2:
请看这个答案。- 2019-11-05
你现在也可以让它在弹出窗口中自动打开开发人员工具,如果它们是打开它们的地方。例如,如果你没有打开开发工具,你得到一个弹出窗口,它不会打开与开发工具。但是如果你打开了开发工具,然后你点击一些东西,弹出窗口会自动打开开发工具。
更新:
时间已经改变了,你现在可以使用-auto-open-devtools for tab,就像这个答案- Wouter Huysentruit 5月18日11:08
OP:
我玩了Chrome的启动字符串执行,但不能让它坚持到新的标签。 我还考虑了一个已定义的PATH方法,可以从提示符调用它。这可以通过SendKeys命令实现,但同样只能在新实例上实现。而且DevTools不会持久化到新选项卡。
浏览谷歌产品论坛,似乎没有一个内置的方式来做到这一点在Chrome。你必须使用按键解决方案或F12如上所述。
我推荐它作为一个功能。我知道我也不是第一个。
Mac系统:退出Chrome,然后在终端窗口执行如下命令:
open -a "Google Chrome" --args --auto-open-devtools-for-tabs
你可以通过点击右下角的三个垂直点,在新窗口中打开开发工具(Chrome中的F12),并选择作为单独窗口打开。
如果你使用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打开你的应用程序和控制台选项卡以及。
2021年的答案:
打开开发人员工具(Windows下按CTRL+SHIFT+I) 点击“齿轮”图标。将出现新的设置窗口。
“自动打开弹出式开发工具”现在在“首选项”部分。