如何在新窗口中打开 Chrome 开发者工具？

从 Chrome 52 开始，用户界面发生了变化。当开发工具对话框打开时，您选择垂直省略号，然后可以选择停靠位置：

https://i.stack.imgur.com/rsfGf.png

https://i.stack.imgur.com/uggrp.png

之前

单击并按住开发人员工具的关闭按钮旁边的按钮，以显示“取消停靠到单独的窗口”选项。

注意：在那种状态下，“按下”是不够的。

---

https://i.stack.imgur.com/bSzfh.png

单击右上角的三个点->单击“取消停靠到单独的窗口”图标

---

您必须单击并按住直到出现另一个图标，然后将鼠标向下滑动到该图标。

---

只需在谷歌浏览器中输入 ctrl+shift+I 即可进入一个独立的开发者窗口。

---

如果您需要打开 DevTools，请按 ctrl-shift-i。

如果 DevTools 窗口已经打开，您可以使用 ctrl-shift-d 快捷方式；它将窗口切换到分离模式。

例如，在我的情况下，电子应用程序窗口（Chrome）非常小。

https://i.stack.imgur.com/xitDF.png

除了 ctrl-shift-d 快捷方式外，无法使用任何其他建议

---