如何在新窗口打开Chrome开发工具?

当我尝试使用Chrome开发工具时，我似乎不能再在一个新的窗口中查看它。

这是一个bug，还是真的是更新中的一个有意更改?

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

这是我所说的内容的截图。

enter image description here

146915 次浏览
小开
最佳答案

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

enter image description here

选择左边的图标，在新窗口中打开Chrome开发人员工具:多个Windows图标

以前

<点击开发人员工具关闭按钮旁边的>点击并按住按钮，以显示“卸载到单独的窗口”选项。

enter image description here

注:在这种状态下，“按”是不够的

小开

你必须点击并按住，直到另一个图标出现，然后将鼠标滑到图标上。

小开

只需在谷歌chrome &中键入ctrl + shift + I;您将进入一个孤立的开发人员窗口。

小开

enter image description here

  1. 点击右上角的三个点——>
  2. 点击“卸载到单独的窗口”图标
小开

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

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

例如，在我的情况下，电子应用窗口(Chrome)真的很小。

enter image description here

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

小开
  1. 右击您的网页
  2. 点击“检查”;
  3. 在你的右上角，你会看到三个垂直的点。
  4. 选择你最好的“停靠边”(你需要的是“将停靠到单独的窗口”) [参见给定截图中的箭头]点击查看截图
    5. .
小开

see here

F12调用工具栏并按照步骤操作。那么容易!


提交答案