从Devtools窗口打开附加的Chrome标签页

Question

打开devtools是easy enough，但是如果我迷失在镀铬窗户和标签的海洋中呢？是否可以从Devtools窗口将附加的镀铬窗口/标签打开到屏幕上？

-note这只有在你在单独的窗口上运行devtools时才有意义 -

Answer 1

这个让我烦恼。我知道必须有一些黑客才能使这成为可能。当然，解决方案是我们在JavaScript领域遇到的第一批朋友之一。

打开DevTools控制台并输入：

alert('show me');

@morgunkorn on Twitter提到的另一个工作流程是按命令 + Shift + D （使用 Control 而不是Windows / Linux上的 Command ）停靠DevTools窗口，使选项卡聚焦，然后再次按下该组合以将DevTools返回到其未对接的设置。

Answer 2

您可以使用this tiny Chrome extension。这允许您使用键盘命令Alt + S 设置特定选项卡。您可以使用键盘命令AlT + G随时切换回 set 选项卡，甚至可以从未停靠的devtool窗口切换回。