Question

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

Answer 1

当Chrome DevTools成为焦点时，Shift + F6将专注于该页面内容。
Chrome DevTools打开且页面内容为专注，F6将专注于Chrome DevTools。

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

Google Chrome功能快捷方式

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

Answer 2

从Hugh Lee

无耻地复制

点击 F6 或 Cmd + L 或 Ctrl + L 并关注地址栏
键入 javascript：并按Enter键。

现在，您只能使用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:

Answer 3

我仍然没有找到一种方法来关注dev-tools中的页面，同时保留dev-tools 打开，但是：

如果打开dev-tools，请将其集中在 Cmd + 选项 + c
使用 Cmd + 选择 + i
如果关闭开发工具，直接跳到控制台： Cmd + 选择 + j
使用 Cmd切换选项卡 + [和 Cmd + ]
Esc 在dev-tools

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

Answer 4

OS X您可以使用以下命令在应用程序窗口之间进行本地循环：

将焦点移至下一个窗口：⌘ + `

将焦点移至最后一个窗口：⌘ + ⇧ + `

如果这不起作用，请检查

中的启用情况

系统偏好设置＆gt; 键盘＆gt; 键盘快捷键标签＆gt; 键盘部分

Answer 5

Chrome版本35.0.1916.114

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

然后，当元素面板聚焦时，在遇到任何有趣的东西之前有三个选项卡，我得到样式面板，'用户代理样式表'。还有两个标签，我在右上方的空白处显示了一个小点缀图标。

此时我们离开始只有5个标签。另外两个选项卡，我得到'在样式中找到'，再一个选项卡，我得到计算属性面板。然后另一个标签到达它下面的过滤器。

现在我们处于9个标签。

猜猜第10个标签是什么。

或者，如果你的小指累了，那么只有8个转换标签会向后移动。

这就是我们在业务中所称的'可发现性'。

然后，再次，这是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

Answer 6

点击f6专注于地址栏，点击返回或f5刷新，然后按Tab键关注浏览器窗口元素......

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

Answer 7

在Linux上，使用Alt+D从开发工具切换到地址栏，然后按Shift+Tab两次。这会将您带回主页。遗憾的是，它并没有在Mac上运行。

Answer 8

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

Answer 9

我也很沮丧，但我的问题有点不同。我有dev工具分离（在一个单独的窗口中），我总是需要点击返回页面。

我写了一个适合我的小苹果：

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。

Answer 10

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

Answer 11

有人知道键盘快捷键可以从开发工具切换回页面吗？

Tab 是您要查找的密钥。按下 Esc 打开控制台后，可使用它来聚焦页面。

Answer 12

我的解决方案基于最高答案（对于Mac用户）：

将抽屉设置为控制台
将焦点放在DevTools中，按Esc打开抽屉（控制台）
按Tab，将焦点切换到页面上
在页面输入中具有焦点时，按Shift + Tab在DevTools中切换焦点

键盘快捷键可将焦点从Web开发人员工具切换到Chrome中的页面

12 个答案: