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

我有HTML5应用程序，通过单击链接打开一个新窗口。每次我想记录网络通信以启动开发工具时，我都有点厌倦按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 Project文章都会有所帮助。只需在参数框中添加“——auto-open-devtools-for-tabs”。2017年生效。

2021年的答案:

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

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

在Chrome DevTools设置下启用:

Network ->保存日志在DevTools下->自动打开弹出的DevTools

F12比Ctrl+Shift+I简单

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

OS	Elements	Console	Your last panel
Windows or Linux	Ctrl + Shift + C	Ctrl + Shift + J	F12 Ctrl + Shift + I
Mac	Cmd + Option + C	Cmd + Option + J	Fn + F12 Cmd + Option + I

你可以通过点击右下角的三个垂直点，在新窗口中打开开发工具(Chrome中的F12)，并选择作为单独窗口打开。

推荐文章