1、通过右键菜单选择“Undock into separate window”可将谷歌浏览器开发者工具设为独立窗口;2、使用Ctrl+Shift+D快捷键可循环切换停靠模式至独立窗口;3、在设置中将“Window dock side”改为“Undocked”可永久默认独立窗口启动。

如果您在使用谷歌浏览器进行网页调试时,发现开发者工具占据主窗口的一部分区域,影响操作效率,可以通过设置将其独立为一个单独窗口。这种布局方式有助于更好地利用多显示器或调整工作界面。
本文运行环境:Dell XPS 13,Windows 11
一、通过右键菜单切换独立窗口模式
开发者工具默认嵌入在浏览器主窗口中,但可通过界面控件快速切换显示模式。此方法适用于希望快速调整布局的用户。
1、打开谷歌浏览器,访问任意网页,按下 F12 或 Ctrl+Shift+I 打开开发者工具。
2、在开发者工具右上角找到三个竖排小圆点组成的菜单按钮,点击展开选项。
3、在下拉菜单中选择“Dock side”选项。
4、在“Dock side”子菜单中,选择“Undock into separate window”,此时开发者工具将脱离主窗口成为独立窗口。
二、使用快捷键直接切换布局
谷歌浏览器支持通过快捷键快速更改开发者工具的停靠位置,包括独立窗口状态。该方式适合习惯键盘操作的开发者。
1、确保开发者工具已经打开,可通过 F12 或 Ctrl+Shift+I 启用。
2、按下 Ctrl+Shift+D 快捷键,可在当前停靠模式与独立窗口之间切换。
3、每次按下该组合键,开发者工具会在“右侧停靠”、“底部停靠”和“独立窗口”三种状态间循环切换,请连续按直到达到所需状态。
三、通过设置页面永久调整默认行为
若希望每次打开开发者工具都以独立窗口形式出现,可修改开发者工具的默认启动配置。
1、打开开发者工具后,点击右上角的三个圆点菜单,选择“Settings”进入设置界面。
2、在左侧导航栏中选择“Preferences”选项。
3、在“Appearance”部分找到“Window dock side”下拉菜单。
4、将其设置为“Undocked”,这样每次打开开发者工具时都会自动以独立窗口形式显示。











