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

Question

任何人都知道在打开时将 Chrome 开发工具打开到新窗口的方法吗？

我知道我可以单击 F12，然后单击“自定义”按钮并更改方向或弹出开发工具窗口。但这是一个额外的步骤，而且通常需要调整窗口大小，而当您每天执行 50 次时，它会变得乏味。

此外，有时，在我正在测试的页面上，按 F12 会更改页面上元素的布局，甚至弹出开发工具会使页面布局与打开开发工具之前不同。这会导致很难判断某个元素是否可见，从而使 Webdriver 的故障排除更加困难。

理想情况下，CTRL+F12 或其他将开发工具作为单独窗口打开的东西会非常方便。（对于任何可能正在听的 Chromium 开发人员；）但是如果有人有其他解决方案，我很想听听。

Answer 1

如果您的 DevTools 未停靠，则 DevTools 窗口的停靠模式、大小和位置将保持与您之前设置的相同。例如，我只是在另一台显示器上将其设置为最大化。每次我打开 DevTools 时，它都是一个未停靠的最大化窗口，除了不再处于焦点之外，检查窗口的布局没有任何变化。

您也可以使用该标志启动 Chrome --auto-open-devtools-for-tabs，它将自动以 Dock 模式打开 DevTools，调整您之前的大小和位置。您可以使用：

苹果：/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs

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

在 WebDriver 中，您可以设置 Chrome 打开方式的标志。然而，进一步研究后发现，Chrome目前不支持同时连接到该协议的多个客户端。

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