我有HTML5应用程序,通过单击链接打开一个新窗口。每次我想记录网络通信以启动开发工具时,我都有点厌倦按Shift + I,因为我总是需要它。我无法找到在启动时始终启用开发人员工具的选项。
在Chrome中打开新窗口时,是否有办法自动打开开发人员工具?
我有HTML5应用程序,通过单击链接打开一个新窗口。每次我想记录网络通信以启动开发工具时,我都有点厌倦按Shift + I,因为我总是需要它。我无法找到在启动时始终启用开发人员工具的选项。
在Chrome中打开新窗口时,是否有办法自动打开开发人员工具?
当前回答
2021年的答案:
打开开发人员工具(Windows下按CTRL+SHIFT+I) 点击“齿轮”图标。将出现新的设置窗口。
“自动打开弹出式开发工具”现在在“首选项”部分。
其他回答
Windows:
右键单击你的谷歌Chrome快捷方式 属性 将目标更改为:“C:\Program Files\谷歌\Chrome\Application\ Chrome .exe”—auto-open-devtools-for-tabs 单击ok 你需要关闭当前所有chrome实例&结束任务管理器中的chrome进程。或重启电脑。
这里有一个命令行开关:——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
在开发人员工具窗口可见的情况下,单击菜单图标(右上角的三个垂直点),然后单击设置。
在“开发工具”下,检查“自动打开弹出的开发工具”选项
您可以打开码头视图设置,并根据需要调整窗口。 截图。
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 |