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

时间：2012-10-10 15:45:12

标签： google-chrome-devtools

此问题与以下不同标记的现有问题直接相关：

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

我在线查看了Chrome Dev。 doc和帮助论坛，没有任何东西，但他们指出了SO的答案。以下是关于这个问题的一些链接，我已经发现没用了：

答案 0 :(得分：19)

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

但javascript:太长了，不是吗？然后按照这个。

enter image description here 现在，您只能使用j将焦点移至页面。

答案 1 :(得分：19)

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

F6 按此顺序循环焦点：

答案 2 :(得分：8)

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

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

系统偏好设置 - ＆gt;键盘 - ＆gt;快捷方式 - ＆gt;选择“键盘”类别

答案 3 :(得分：6)

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

使用command + option + J关闭控制台。这将把焦点带回网页。然后，再次点击command + option + J将打开控制台并再次将焦点指向那里。这可能不是最佳方式，因为每次切换都有一点点。
在单独的窗口中打开开发工具。您可以通过单击开发工具右上角的三个点来找到它，然后您可以找到一个按钮，用于将工具移除到单独的窗口中。然后，要在网页和控制台之间切换焦点，您可以点击command + `。
来自@Sangdol的answer above是将焦点从控制台切换到网页的绝佳解决方案。一旦设置完成，这可能是最快和最好的方法。我唯一想补充的是如何将焦点切换回控制台。为此，您可以点击command + shift + C两次（点击它只有一个会成功切换焦点，但会让浏览器进入＆＃39; Inspect Element＆＃39;模式）。我发现如果网页上的焦点位于文本框中，您可能需要先点击Esc才能点击command + shift + C。

答案 4 :(得分：2)

您现在已将焦点从Web开发人员工具切换到页面。要切换回按下焦点，请按⌘ + ⌥ + C 。

答案 5 :(得分：1)

OS X 10.8.3 - Mountain Lion

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

答案 6 :(得分：0)

如果您在页面上，请按 F6 进入开发工具。要返回页面，请按 Shift + F6

答案 7 :(得分：0)

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

然后返回开发人员工具，只需按⌘ + ⌥ + J 即可回到您留下的标签上。

每天为我节省一些时间-在一天，几天或几周内，我的标签可能会越来越多-可以肯定的是，您一直都在这里-研究与开发！

答案 8 :(得分：-1)

按两次⌘ + ⌥ + J 将隐藏开发工具并专注于您的实际窗口。你想在没有隐藏开发工具的情况下专注于窗口吗？