有没有办法立即将Chrome Dev工具打开到新窗口?

时间:2016-07-21 14:52:03

标签: google-chrome-devtools

有人知道在打开时将Chrome开发工具打开到新窗口的方法吗?

我知道我可以点击F12,然后点击'自定义'按钮和更改方向或弹出开发工具窗口。但这是一个额外的步骤,通常需要调整窗口大小,当你每天做50次时,它会变得乏味。

另外,有时候,在我测试的页面上,按下F12将改变页面上元素的布局,甚至弹出开发工具会使页面布局与我打开开发工具之前不同。这可能很难判断元素是否可见,这使得对Webdriver的故障排除更加困难。

理想情况下,CTRL + F12或者将开发工具作为单独窗口打开的东西会非常方便。 (对任何可能正在倾听的Chromium开发者而言;)但如果有人有另一种解决方案,我很乐意听到它。

1 个答案:

答案 0 :(得分:1)

如果你的DevTools没有停靠,你的DevTools窗口的停靠模式,大小和位置将保持与之前设置的相同。例如,我只是在我的另一台显示器上设置最大化。每次我打开DevTools时,它都是一个非停靠,最大化的窗口,除了它不再聚焦的事实之外,检查窗口的布局没有变化。< / p>

您也可以使用--auto-open-devtools-for-tabs标记启动Chrome,这会自动打开停靠模式中的DevTools,您之前拥有它的大小和位置。您可以使用:

<强>的Mac: /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs

Windows: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --auto-open-devtools-for-tabs

在WebDriver中,您可以设置Chrome打开方式的标记。但是,在进一步研究后,结果是Chrome currently do not support multiple clients connected to the protocol simultaneously

至于加速,你可以在 Cmd + Shift + D (Mac)或 Ctrl之间切换停靠位置 + Shift + D (Windows)。这会在您使用的最后两种模式之间切换,所以说你将它停靠在底部,然后将其弹出,现在使用快捷方式将在两者之间切换。