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


250

当我尝试使用Chrome开发者工具时,似乎无法再在新窗口中查看它。

这是一个错误还是真的是更新中的预期更改?

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

这是我在说的屏幕截图。

在此处输入图片说明


11
@AbelMelquiadesCallejo您需要单击并按住以显示该选项。
katalin_2003 2014年

2
嘿,请注意,在这里的Linux盒子上,我必须长时间按住鼠标左键,然后用鼠标滚轮单击以使取消停靠发生。
鲍勃·巴克

实际上,我记得简单的按钮,但是现在我不得不用谷歌搜索方法,这太荒谬了。
alexander_ch 2015年

Answers:


426

从Chrome 52开始,用户界面已更改。打开“开发人员工具”对话框后,选择垂直省略号,然后可以选择停靠位置:

在此处输入图片说明

选择左侧的图标,以在新窗口中打开Chrome开发者工具: 多个窗口图标


先前

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

在此处输入图片说明

注意:在该状态下,“按”是不够的。


18
在那种状态下,“按”是不够的。您需要单击并按住按钮(在关闭按钮的左侧),以显示“解锁到单独的窗口”选项。
katalin_2003 2014年

5
是的,click and hold(我使用的是Windows版Chrome浏览器,x64版是39.x版)。
Nhu Vy 2014年

5
有没有办法始终在新窗口中打开?以前有一个选项,但在39.0.2171.95中找不到。
user3285954'1

94
糟糕的UI决定;我不确定它是否会更难发现。谢谢你的提示!
约书亚·贾布

2
从2016年中开始,您只需要单击垂直椭圆以显示停靠选项,而无需单击并按住。
克里斯·B


3

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


1

只需在google chrome中输入ctrl + shift + I,您就会进入一个隔离的开发人员窗口。


5
仅当您的chrome-developer-tools已设置为在新窗口上打开时,此方法才有效
Abel Callejo 2015年

1

如果需要打开DevTools,请按ctrl-shift-i

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

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

在此处输入图片说明

ctrl-shift-d快捷键外,无法使用其他建议


我只是尝试了这个答案,它似乎在Windows上运行良好。我也在Mac上尝试过,但是快捷方式有所不同。打开DevTools(cmd + option + i)并切换到其他扩展坞侧(cmd + shift + d)。同样在Mac上,首先直接使用cmd + shift + dw / o打开,DevTools将产生不同的功能。
Abel Callejo
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.