google-chrome-devtools - 用于将焦点从 Web 开发人员工具切换到 Mac 上 Chrome 中的页面的键盘快捷键

Question

这个问题与以下具有不同标签的现有问题直接相关：

如标题所述，无论如何我们可以将焦点从 Web 开发人员工具切换到 Mac OSX 上的 Chrome 页面。

我在网上查了一下，在 Chrome Dev 上。文档和帮助论坛，那里什么都没有，但他们指向 SO 寻求答案。这里有一些关于这个问题的链接，我已经发现没用了：

score 27 · Accepted Answer

按F6三下。要返回 DevTools，请按一下F6。

F6按以下顺序循环焦点：

score 25 · Accepted Answer

您可以使用“Cmd + L”将焦点移至地址栏。如果您javascript:输入地址栏并按回车键，您可以将焦点切换到页面。

但是javascript:也太长了吧？然后按照这个。

在此处输入图像描述现在您只能使用将焦点移至页面j。

score 10 · Accepted Answer

如果您未停靠开发工具，则在 Mac 上使用Cmd+ `（反引号）将焦点移动到活动窗口或下一个窗口。

可以在以下位置找到并自定义此键盘快捷键：

系统偏好设置 -> 键盘 -> 快捷键 -> 选择“键盘”类别

score 7 · Accepted Answer

我有这个完全相同的用例，我很惊讶没有一个简单的快捷方式。我做了一些研究，似乎有几个选择：

用于command + option + J关闭控制台。这会将焦点带回网页。然后，command + option + J再次点击将打开控制台并再次将焦点指向那里。这可能不是最好的方法，因为每个切换都有一点点。
在单独的窗口中打开开发工具。您可以通过单击开发工具右上角的三个点来找到它，然后您可以找到一个用于将工具取消停靠到单独窗口中的按钮。然后，要在网页和控制台之间切换焦点，您可以点击command + `.
@Sangdol的上述答案是将焦点从控制台切换到网页的绝佳解决方案。这可能是设置完成后最快和最好的方法。我唯一想补充的是如何将焦点切换回控制台。为此，您可以点击command + shift + C两次（仅点击一次将成功切换焦点，但会使浏览器处于“检查元素”模式）。我发现如果网页上的焦点在文本框中，您可能必须先点击Esc才能点击command + shift + C.

score 3 · Accepted Answer

您现在已将焦点从 Web 开发人员工具转移到页面。切换回按焦点回按⌘</kbd>+⌥</kbd>+C.

score 2 · Accepted Answer

这适用于停靠但最适合未停靠的开发工具和多个窗口/选项卡。

然后回到开发工具就行了⌘</kbd>+⌥</kbd>+J to focus back on the tab you left them.

它每天都为我节省了一些时间——我的标签可以在一天之内……或几天……几周——很确定你们都去过那里——研发！

score 1 · Accepted Answer

OS X 10.8.3 - 山狮

自定义“将焦点移到应用程序中的下一个窗口”快捷方式，因为默认的键映射是“Command + F1”，它绑定在chrome上显示“开发者工具的快捷方式”。

score 1 · Accepted Answer

新更新：在 chrome 版本 92.0.4515.131 中。

当 DevTools 打开并聚焦时。
按 ( ⌘ Command+ ⌥ Option+ ↓ Down)两次。
第一次按下 - 焦点将转移到 URL。
第二次按下 - 焦点将转移到页面。

score -1 · Accepted Answer

打⌘</kbd>+⌥</kbd>+J twice will hide the dev tools and focus on your actual window. Do you want to focus on window without hiding dev tools?

9 回答 9