google chrome - una - Método abreviado de teclado para cambiar el foco de las herramientas de desarrollo web a la página en Chrome

como cerrar una pestaña con el teclado pc

Question

Uso Vimium for Chrome, que me permite actualizar con la tecla r . Cuando estoy usando las herramientas de desarrollo, pierdo el foco de la página y tengo que hacer clic en la página para volver a usar r (aunque obviamente solo actualizaría con el botón). ¿Alguien sabe de un atajo de teclado para cambiar de las herramientas de desarrollo a la página? Sé que puede usar cmd [ para cambiar paneles dentro de las herramientas de desarrollo, pero no puede encontrar una manera de volver a la página.

Answer 1

Hit Control + L para enfocar la barra de direcciones. Luego, presiona F6 una vez para enfocar la barra de marcadores (si tienes uno) y F6 nuevamente para enfocar la página.

Answer 2

Me frustraron bastante con esto también, pero mi problema es un poco diferente. Tengo herramientas de desarrollo desapegadas (en una ventana separada) y siempre tengo que hacer clic para volver a la página.

Escribí un pequeño AppleScript que funciona para mí:

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

Lo tengo vinculado a un atajo usando Spark .

Entonces, cada vez que estoy en una ventana de herramientas de desarrollador independiente, presiono mi atajo y el foco vuelve a la página y puedo usar Vimium nuevamente.

Answer 3

Mientras está en Linux, cambie a la barra de dirección de Dev Tools con Alt+D y luego presione Shift+Tab dos veces. Esto te lleva de vuelta a la página principal. Lástima que no funciona en Mac sin embargo.

Answer 4

No hay una forma de cambiar del panel dev a la ventana, pero cmd r logra lo que se necesitaba (una actualización de la página).

Answer 5

OS X puede hacer un ciclo de manera nativa entre las ventanas de la aplicación usando:

Mueva el foco a la siguiente ventana: ⌘ + `

Mueva el foco a la última ventana: ⌘ + ⇧ + `

Si esto no funciona, verifique que esté habilitado en

Preferencias del sistema > Teclado > ficha Atajos de teclado > sección Teclado

Answer 6

Sin vergüenza copiado de Hugh Lee

1. Presiona F6 o Cmd + L o Ctrl + L y enfoca la barra de direcciones
2. Escriba javascript: y presione la tecla Intro.

Ahora puedes mover el foco a la página solo con j.

Pero javascript: es demasiado largo, ¿no? Entonces sigue esto.

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 7

Todavía no he encontrado una forma de enfocar la página desde dev-tools, mientras dejo abiertas las herramientas de desarrollo, pero:

• Si se abre dev-tools, concéntrese en Cmd + Opt + c
• Cierre las herramientas de desarrollo y la página de enfoque con Cmd + Opt + i
• Si las herramientas dev están cerradas, para saltar directamente a la consola: Cmd + Opt + j
• Cambiar pestañas con Cmd + [ y Cmd + ]
• Esc para alternar consola en dev-tools

Referencia: https://developers.google.com/chrome-developer-tools/docs/shortcuts

Answer 8

Versión de Chrome 35.0.1916.114

En la página web, F12. Debe mostrar la pestaña Elementos, si no cambiar a ella con ctrl + [. Una vez que obtenga la pestaña de elementos para mostrar en F12 desde la página, puede usar Esc para llegar a la consola, si es necesario.

Luego, cuando el panel de elementos se enfoca, tres pestañas antes de que encuentre algo interesante, obtengo el panel de estilos, ''hoja de estilo de agente de usuario''. Dos pestañas más y obtengo el pequeño ícono punteado en la parte superior derecha, espacio para mostrar eso.

En este punto, estamos a 5 pestañas del inicio. Dos pestañas más y obtengo ''buscar en estilos'', una pestaña más y obtengo el panel de propiedades computadas. Luego, otra pestaña llega al filtro debajo de ella.

Ahora estamos en 9 pestañas.

Adivina qué es la décima pestaña.

O bien, si tu dedo meñique se está cansando, son solo 8 pestañas de desplazamiento que retroceden.

Eso es lo que llamamos en el negocio, ''descubribilidad''.

Por otra parte, aquí está el script de 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 9

pulse f6 para enfocar en la barra de direcciones, pulse devolver o f5 para actualizar, luego pulse la pestaña para enfocar los elementos de la ventana del navegador ...

Es una rotunda y probablemente no ayude en todos los casos, pero si está probando el índice de pestañas o algo así y no le gusta usar el mouse, esta es la única forma en que descubrí cómo volver atrás sin cerrar la consola.

Answer 10

• Cuando Chrome DevTools está enfocado, Shift + F6 se enfocará en el contenido de la página.
• Cuando Chrome DevTools está abierto y el contenido de la página está enfocado, F6 se centrará en Chrome DevTools.

Referencia: https://support.google.com/chrome/answer/157179

Accesos directos de funciones de Google Chrome

F6 Cambia el enfoque hacia adelante entre la barra de direcciones, la barra de marcadores (si se muestra) y el contenido de la página
Shift + F6 Cambia el enfoque hacia atrás entre la barra de direcciones, la barra de marcadores (si se muestra) y el contenido de la página