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

Mac系统:退出Chrome，然后在终端窗口执行如下命令:

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

打开开发人员工具，重点显示开发人员工具窗口，按F1。这将打开一个设置页面。检查“自动打开弹出的DevTools”。

这对我很管用。

这里有一个命令行开关:——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

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

Windows:

右键单击你的谷歌Chrome快捷方式 属性 将目标更改为:“C:\Program Files\谷歌\Chrome\Application\ Chrome .exe”—auto-open-devtools-for-tabs 单击ok 你需要关闭当前所有chrome实例&结束任务管理器中的chrome进程。或重启电脑。