【问题标题】:Keyboard shortcut to switch focus from web developer tools to page in Chrome on Mac用于将焦点从 Web 开发人员工具切换到 Mac 上 Chrome 中的页面的键盘快捷键
【发布时间】:2012-10-01 03:50:06
【问题描述】:

此问题与以下带有不同标签的现有问题直接相关:

Keyboard shortcut to switch focus from web developer tools to page in Chrome

如标题所述,我们是否可以将焦点从 Web 开发人员工具切换到 Mac OSX 上的 Chrome 中的页面。

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

【问题讨论】:

  • 点击 ++J 两次将隐藏开发工具并专注于您的实际窗口。您想专注于窗口而不隐藏开发工具吗?

标签: google-chrome-devtools


【解决方案1】:

新更新:在 chrome 版本 92.0.4515.131 中。

  • 当 DevTools 打开并聚焦时。
  • 按(⌘命令+⌥选项+↓向下两次。
    第一次按下 - 焦点将转移到 URL。
    第二次按下 - 焦点将转移到页面。

【讨论】:

  • 如果对你有帮助,请点赞,其他人也可以看到
【解决方案2】:

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

 

  1. 使用 devtools 重点点击 +Shift+P
  2. 开始输入Debuggee
  3. 看到Focus debuggee时按回车,完成!

然后要返回开发工具,只需点击 ++J 即可将注意力重新放在您离开它们的选项卡上。 p>

 

它每天为我节省了一些时间 - 我的标签可能会在一天之内...或几天...几周在我身上增加 - 很确定你们都去过那里 - 研发!

【讨论】:

    【解决方案3】:

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

    F6 按此顺序循环焦点:

    • 页面
    • DevTools(如果 DevTools 已打开)
    • 地址栏
    • 书签

    【讨论】:

    • 我是那些很少把手从键盘上拿开的懒惰开发者之一。现在我不需要鼠标来切换焦点。谢谢大佬。
    • 谢谢!这个小技巧对于像我这样的 RSI 患者来说非常棒。
    • 按 shift + F6 向后移动。
    • 这在 mac 上有效吗?这是 chrome 快捷方式还是系统快捷方式?
    【解决方案4】:
    1. +L 转到地址栏。
    2. Esc

    您现在已将重点从 Web 开发人员工具转移到页面。 要切换回来按焦点返回按++C

    【讨论】:

    • 这在使用Device模式模拟移动设备时似乎不起作用
    【解决方案5】:

    如果您已取消停靠开发工具,则在 Mac 上使用 Cmd+`(反引号)将焦点移至活动窗口或下一个窗口。

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

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

    【讨论】:

    • 我认为这可能只有在您取消停靠 devtools 时才有效。如果 Chrome 只有一个窗口,这对我 10.9.3 没有影响
    • @memeLab 即使取消对接也不适合我。具体来说,我有一个 onkeydown 事件处理程序,当我从未停靠的 devtools 切换到作为调试器的主窗口然后按下一个键时,它不会触发。由于某种原因,我必须实际点击页面才能获得焦点,但这会导致其他问题,因为我将这些点击捕获用于其他目的。
    • 耶!我一直在寻找这个......谢谢你
    【解决方案6】:

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

    1. 使用command + option + J 关闭控制台。这会将焦点带回网页。然后,再次点击command + option + J 将打开控制台并再次将焦点指向那里。这可能不是最好的方法,因为每个切换都有一点点。

    2. 在单独的窗口中打开开发工具。您可以通过单击开发工具右上角的三个点来找到它,然后您可以找到一个按钮,用于将工具取消停靠到单独的窗口中。然后,要在网页和控制台之间切换焦点,您可以点击command + `

    3. 来自@Sangdol 的answer above 是将焦点从控制台切换到网页的绝佳解决方案。这可能是设置完成后最快和最好的方法。我唯一想补充的是如何将焦点切换回控制台。为此,您可以点击command + shift + C 两次(仅点击一次将成功切换焦点,但会使浏览器处于“检查元素”模式)。我发现如果网页的焦点在文本框中,您可能需要先点击Esc,然后再点击command + shift + C

    【讨论】:

    • 两次对⌘ + shift + C 感到兴奋,以将重点转移到开发工具上。
    【解决方案7】:

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

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

    1. 转到 Chrome 设置页面 (Cmd + ,)
    2. 点击“搜索”部分中的“管理搜索引擎...”
    3. 添加一个新的搜索引擎
      • 任何名称,例如返回页面
      • 任何关键字,例如j
      • 网址 - javascript:

    现在您只能使用j 将焦点移至页面。

    【讨论】:

    • 很好,谢谢...这是一个 hack,但对我有用。我很惊讶 Chrome 开发团队从未为此添加通用快捷方式。
    • 天才!自此问题发布以来的 3 年中,此选项如何未在 Chrome 中实施?
    • 嗯,这不适用于 Chrome 50.0.2661.102 :(
    • 我希望 Ctrl + L(相当于 Cmd + L)在 Linux 上工作。它不会脱离开发工具。
    • 正是我正在寻找的黑客!改进之一:将关键字改为l,这样就可以快速按⌘+LL
    【解决方案8】:

    OS X 10.8.3 - 山狮

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

    【讨论】:

    • 这可能会让我升级
    • 在 Sierra 我现在连这个选项都看不到 :(
    【解决方案9】:

    点击 ++J 两次将隐藏开发工具并专注于您的实际窗口。您想专注于窗口而不隐藏开发工具吗?

    【讨论】:

    • 感谢您的回答,但 ⌘+⌥+J 或 ⌘+⌥+我只会重新打开更多开发人员工具,它不会返回页面。开发工具是否隐藏无所谓,我只是希望焦点回到页面。
    • 是的,我想将焦点转移到实际窗口,而不隐藏开发工具
    猜你喜欢
    • 2012-06-14
    • 2021-07-06
    • 2013-01-17
    • 1970-01-01
    • 2012-02-06
    • 1970-01-01
    • 1970-01-01
    • 2022-08-18
    • 1970-01-01
    相关资源
    最近更新 更多