Google Chrome: atajo de teclado para ver Recursos / Inspeccionar elemento?

19

Google Chrome tiene una característica similar a Firebug donde haces clic en un elemento de la página y eliges "Inspeccionar elemento".

Siempre estoy saltando a la vista de Recursos para ver las solicitudes HTTP.

¿Hay un atajo de teclado para abrir esta herramienta?

google-chrome frankadelic
fuente
Documentos oficiales y atajos más útiles: Herramientas para desarrolladores de Chrome: Atajos de teclado
Michal Mau
Aquí hay información útil; code.google.com/chrome/devtools/docs/overview.html
Furkan Ekinci
Además, F12 muestra el panel Inspeccionar elemento en Chrome en Ubuntu
dylan murphy

Respuestas:

23

Acabo de descubrir que Ctrl+ Shift+ Iy Ctrl+ Shift+ Cfunciona. Al igual que Firebug.

En OS X, eso es Command+ Option+ Io Command+ Shift+ C.

RustyDev
fuente
1
Gracias a los ciudadanos, justo lo que estaba buscando. De acuerdo, el Inspector se ha vuelto tan bueno que ya no necesito Firebug. Adiós, FF.
Shacker
Cambié mi respuesta ... tener el mismo atajo que Firefox es genial.
frankadelic
Cmd / Ctrl + Shift + C también es bastante útil, ya que le permite seleccionar un elemento específico para inspeccionar sin navegar por el menú contextual. Ver también developers.google.com/chrome-developer-tools/docs/shortcuts
Jo Liss
¿Alguien sabe cómo cambiar este atajo de teclado? En Firebug, puede configurar el acceso directo. Es Chrome, parece estar duro. por alguna razón, uso la distribución del teclado dvorak y la tecla C está muy lejos de mi mano izquierda.
Michael Butler
11

Si mantiene presionado N y hace clic derecho en algún lugar de la página, se abre la ventana de inspección y lo lleva al código en el que hizo clic en tnnnnnnnn la página. Acabo de descubrir esto.

mella
fuente
Tu error tipográfico es involuntariamente hilarante :)
frankadelic
1
+1 para un punto específico de la página (incluso si el OP solo quería la ventana general). Esto es bueno para los problemas de desplazamiento, dejando el mouse justo donde está, sin tener que mover el mouse hacia el menú emergente.
goodeye
3
@goodeye nota: también puede simular el desplazamiento al hacer clic en el ícono de estado del elemento de alternar (cuadro de puntos con flecha), está a la derecha del menú acordeón 'estilos' si no puede encontrar imágenes de Google para "elemento de alternar estado "
Myster
1
Dios mío, todo este tiempo he estado haciendo clic derecho y haciendo "Inspeccionar elemento" desperdiciando todo ese tiempo.
chillido
@ Mystery, Buen consejo, por cierto, ¿el modo de dispositivo de alternar solo cambia el tamaño?
Pacerier
3

Ctrl+ Shift+ Iabre las herramientas de desarrollador, en la última sección en la que estuvo. Si fue la última en la sección Recursos, verá los Recursos.

No creo que haya un atajo de teclado específicamente para Inspeccionar elemento , ya que esto depende del contexto (es decir, la ubicación del mouse).

Señor White
fuente
Frankadelic realmente quiere abrir las Herramientas de desarrollador para acceder al panel de Recursos, no al panel de Elementos, por lo que Ctrl + Shift + I es un buen atajo para usar: abre las Herramientas de desarrollador de la misma manera que las dejó. (Menús de contexto de cromo tienen muy pocas opciones, así que haga clic derecho, Inspeccionar elemento es manera como la gente común sugieren conseguir a cualquiera de las herramientas de desarrollo a través del ratón.)
Bavi_H
Bavi_H, eso es correcto.
frankadelic