66

我使用 Vimium for Chrome，它允许我用 r密钥刷新。当我使用开发工具时，我失去了页面的焦点，并且必须单击页面才能r再次使用（尽管我显然只是用按钮刷新）。有谁知道从开发工具切换回页面的键盘快捷键？我知道您可以使用cmd [在开发工具中切换窗格，但找不到切换回页面的方法。

4

14 回答 14

35
  • 当 Chrome DevTools 获得焦点时，Shift + F6会关注页面内容。
  • 当 Chrome DevTools 打开并且页面内容被聚焦时，F6将聚焦于 Chrome DevTools。

参考： https: //support.google.com/chrome/answer/157179

谷歌浏览器功能快捷方式

F6在地址栏、书签栏（如果显示）和页面内容之间向前切换焦点 在地址栏、书签栏（如果显示）和页面内容
Shift + F6之间向后切换焦点

于 2016-10-27T14:37:15.507 回答
12

我仍然没有找到从开发工具集中页面的方法，同时让开发工具保持打开状态，但是：

  • 如果 dev-tools 已打开，请使用Cmd++将其Opt聚焦c
  • Cmd使用+ Opt+关闭开发工具和焦点页面i
  • 如果开发工具关闭，直接跳转到控制台：Cmd++Optj
  • Cmd使用+[和Cmd+切换选项卡]
  • Esc在开发工具中切换控制台

参考：https ://developers.google.com/chrome-developer-tools/docs/shortcuts

于 2013-07-03T09:44:33.150 回答
12

无耻地抄袭休·李

  1. 按F6或Cmd + L或Ctrl + L并聚焦地址栏
  2. 输入javascript:并按回车键。

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

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

Go to Chrome Settings page
Click "Manage search engines..." in the Search section
Add a new search engine with
    any name e.g. Back to page
    any keyword e.g. j
    URL - javascript:

在此处输入图像描述

于 2016-04-26T15:07:46.530 回答
5

有谁知道从开发工具切换回页面的键盘快捷键？

Tab是您正在寻找的钥匙。按下Esc打开控制台后使用它来聚焦页面。

于 2019-02-09T11:40:17.430 回答
4

OS X 你可以在应用程序窗口之间循环使用：

将焦点移到下一个窗口：⌘</kbd> + `

将焦点移到最后一个窗口：⌘</kbd> + ⇧</kbd> + `

如果这不起作用，请检查它是否已启用

系统偏好设置>键盘>键盘快捷键选项卡 >键盘部分

于 2015-09-07T14:43:08.977 回答
2

Chrome 版本 35.0.1916.114

在网页上，F12。应该显示元素选项卡，如果不使用 ctrl+[ 切换到它。一旦您从页面获得要在 F12 上显示的元素选项卡，如果需要，您可以使用 Esc 进入控制台。

然后，当元素面板聚焦时，在您遇到任何有趣的东西之前的三个选项卡，我得到样式面板，“用户代理样式表”。另外两个选项卡，我在右上角得到一个小点图标，空间来显示它。

在这一点上，我们距离开始 5 个标签。再两个选项卡，我得到“在样式中查找”，再一个选项卡，我得到计算属性面板。然后另一个选项卡到达它下面的过滤器。

现在我们有 9 个标签。

猜猜第十个标签是什么。

或者，如果您的小指累了，则只有 8 个 shift-tabs 向后退。

这就是我们在业务中所说的“可发现性”。

再说一次，这里是 AutoHotkey 脚本：

; Match any part of title
SetTitleMatchMode, 2
#IfWinActive - Google Chrome
;#IfWinActive ahk_class Chrome_WidgetWin_1
  +F10::  ; goto html body, use upper left corner mouse click
    CoordMode, Mouse, Screen
    MouseGetPos, xpos, ypos
    CoordMode, Mouse, Relative
    MouseClick, left,10, 95, 1, 0
    CoordMode, Mouse, Screen
    MouseMove, %xpos%, %ypos%, 0
    Return
  F10:: ; from html, goto dev tools (Elements Panel must be default here, with console open ESC), 
        ; might need to adjust tab number to suit your icons to the right of location bar
    Send, ^l
    Send, {tab 7}
    Return
  ^F10:: ; from html, goto dev tools - previously opened console (Elements Panel must be default here, with console open ESC)
    Send, ^l
    Send, {tab 7}
    Send, {tab 13}
    Return
#IfWinActive ;Chrome
于 2014-06-03T13:09:34.647 回答
1

无法从开发窗格切换到窗口，但cmd r可以完成所需的操作（刷新页面）。

于 2012-10-11T03:04:49.657 回答
1

我也对此感到非常沮丧，但我的问题有点不同。我已经分离了开发工具（在一个单独的窗口中），我总是需要单击才能返回该页面。

我写了一个适合我的小applescript：

tell application "Google Chrome"
    activate second window -- if I have dev tools open "second window" is the page
    tell second window to tell active tab
        set the URL to "Javascript:window.focus();"
    end tell
end tell

我将它绑定到使用Spark的快捷方式。

因此，每当我在一个分离的开发工具窗口中时，我点击我的快捷方式并将焦点放回页面，我可以再次使用 Vimium。

于 2015-11-09T11:29:30.613 回答
1

在 Linux 上，从开发工具切换到地址栏Alt+D，然后按Shift+Tab两次。这将带您回到主页。可惜它在Mac上不起作用。

于 2017-08-29T15:00:19.617 回答
1

如果使用 Windows，以下 AHK 脚本将完成这项工作：

#IfWinActive ahk_exe chrome.exe
  !a::Send +{F6}
#IfWinActive

验证：

  • 专注于 Chrome 开发工具。
  • 按Alt+ A。
  • 现在应该关注网页。
于 2021-09-01T13:40:31.760 回答
1

就像我在这里回答的那样
新更新：在 chrome 版本 92.0.4515.131 中。

  • 当 DevTools 打开并聚焦时。
  • 按 ( ⌘ Command+ ⌥ Option+ ↓ Down)两次。
    第一次按下 - 焦点将转移到 URL。
    第二次按下 - 焦点将转移到页面。
于 2021-08-15T06:30:14.803 回答
1

按 f6 聚焦地址栏，按 return 或 f5 刷新，然后按 tab 聚焦浏览器窗口元素...

这是迂回的，可能在所有情况下都没有帮助，但是如果您正在测试标签索引或其他东西并且不喜欢使用鼠标，这是我想出如何在不关闭控制台的情况下切换回来的唯一方法。

于 2015-08-24T15:14:13.070 回答
0

点击 Control + L 聚焦地址栏。然后按 F6 一次聚焦书签栏（如果有的话），再次按 F6 聚焦页面。

于 2016-10-06T12:53:42.817 回答
0

我的解决方案基于上层答案（适用于 Mac 用户）：

  1. 将抽屉设置为控制台
  2. 在 DevTools 中聚焦，按下Esc以打开抽屉（控制台）
  3. 按Tab, 切换页面焦点
  4. 在页面输入中具有焦点，Shift + Tab在 DevTools 中按下可切换焦点
于 2020-08-28T03:25:43.153 回答