Подтвердить что ты не робот

Комбинация клавиш для переключения фокуса с веб-инструментов разработчика на страницу в Chrome

Я использую Vimium для Chrome, который позволяет мне обновляться с помощью клавиши r. Когда я использую инструменты dev, я теряю фокус страницы и должен щелкнуть на странице, чтобы снова использовать r (хотя я бы, очевидно, просто обновил с помощью кнопки). Кто-нибудь знает о сочетаниях клавиш, чтобы переключиться с инструментов dev на страницу? Я знаю, что вы можете использовать cmd [ для переключения панелей внутри инструментов dev, но не можете найти способ вернуться к странице.

4b9b3361

Ответ 1

Бесстыдно скопировано из Хью Ли


  • Нажмите F6 или Cmd + L или Ctrl + L и сфокусируйте адресную строку
  • Введите 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:

введите описание изображения здесь

Ответ 2

  • Когда Chrome DevTools сфокусирован, Shift + F6 сосредоточится на содержании страницы.
  • Когда Chrome DevTools открыт и содержимое страницы сосредоточено, F6 сосредоточится на Chrome DevTools.

Ссылка: https://support.google.com/chrome/answer/157179

Горячие клавиши Google Chrome

F6 Переключите фокус вперед между адресной строкой, панелью Закладок (если отображается) и содержимым страницы
Shift + F6 Переключить фокус назад между адресной строкой, панелью Закладок (если отображается) и содержанием страницы

Ответ 3

Я все еще не нашел способ сфокусировать страницу из dev-tools, оставив инструменты dev-tools открытыми, но:

  • Если dev-tools открыт, сфокусируйте его с помощью Cmd + Opt + c
  • Закрыть dev-tools и страницу фокусировки с помощью Cmd + Opt + i
  • Если инструменты dev закрыты, перейдите прямо в консоль: Cmd + Opt + j
  • Переключить вкладки с помощью Cmd + [ и Cmd + ]
  • Esc для переключения консоли в dev-tools

Ссылка: https://developers.google.com/chrome-developer-tools/docs/shortcuts

Ответ 4

OS X вы можете естественным образом переключаться между окнами приложений, используя:

Переместить фокус в следующее окно: + `

Переместить фокус в последнее окно: + + `

Если это не работает, убедитесь, что он включен в

Системные настройки > Клавиатура > Клавиши быстрого доступа вкладка Клавиатура

Ответ 5

Версия Chrome 35.0.1916.114

На веб-странице F12. Должен показать вкладку "Элементы", если не переключиться на нее с помощью ctrl + [. После того, как вы получите вкладку элементов, которая будет отображаться на странице F12 со страницы, вы можете использовать Esc для доступа к консоли, если это необходимо.

Затем, когда панель элементов сфокусирована, три вкладки перед тем, как встретить что-нибудь интересное, я получаю панель стилей, "таблица стилей пользовательского агента". Еще две вкладки, и я получаю маленькую пунктирную иконку в правом верхнем углу, чтобы показать это.

На этом этапе мы находимся в 5 вкладках от начала. Еще две вкладки, и я получаю "найти в стилях", еще одну вкладку, и я получаю панель вычисленных свойств. Затем другая вкладка попадает в фильтр под ним.

Теперь мы находимся на 9 вкладках.

Угадайте, что такое 10-я вкладка.

Или, если ваш мизинец устает, это всего лишь 8 сдвиговых вкладок назад.

То, что мы называем в бизнесе, "открытость".

И снова, вот AutoHotkey script:

; 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

Ответ 6

нажмите f6, чтобы сфокусироваться на адресной строке, нажмите return или f5, чтобы обновить, затем нажмите вкладку, чтобы сфокусироваться на элементах окна браузера...

Это круговое перемещение и, вероятно, не помогает во всех случаях, но если вы тестируете индекс вкладки или что-то еще и не любите использовать мышь, это единственный способ, которым я решил, как переключиться обратно, не закрывая консоли.

Ответ 7

В то время как на Linux перейдите на адресную строку из Dev Tools с помощью Alt+D, а затем дважды нажмите Shift+Tab. Это возвращает вас на главную страницу. Позор, это не работает на Mac, хотя.

Ответ 8

Невозможно перейти с панели dev в окно, но cmd r выполняет то, что было необходимо (обновление страницы).

Ответ 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.

Поэтому всякий раз, когда я нахожусь в отдельном окне инструментов Dev, я нажимаю свой ярлык, и фокус возвращается на страницу, и я снова могу использовать Vimium.

Ответ 10

Хит управления + L, чтобы сфокусировать адресную панель. Затем нажмите F6 один раз, чтобы сфокусировать панель закладок (если она у вас есть) и F6 снова, чтобы сфокусировать страницу.