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 (10)

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.

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.

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.

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.

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).

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

Sin vergüenza copiado de Hugh Lee

Presiona F6 o Cmd + L o Ctrl + L y enfoca la barra de direcciones
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:

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

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

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.

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