Google Chrome: scorciatoia da tastiera per visualizzare Risorse / Ispeziona elemento?

Google Chrome ha una funzione simile a Firebug in cui fai clic su un elemento della pagina e scegli "Ispeziona elemento".

Salto sempre nella vista Risorse per esaminare le richieste HTTP.

Esiste una scorciatoia da tastiera per aprire questo strumento?

google-chrome

— frankadelic
fonte

Documenti ufficiali e scorciatoie più utili: Strumenti per gli sviluppatori di Chrome: Scorciatoie da tastiera

— Michal Mau

Ecco informazioni utili; code.google.com/chrome/devtools/docs/overview.html

— Furkan Ekinci

Inoltre, F12 visualizza il riquadro Inspect Element in Chrome su Ubuntu

— dylan murphy,

Risposte:

Ho appena scoperto che Ctrl+ Shift+ Ie Ctrl+ Shift+ Cfunzionano. Proprio come Firebug.

Su OS X, questo è Command+ Option+ Io Command+ Shift+ C.

— RustyDev
fonte

Grazie Horizens - proprio quello che stavo cercando. D'accordo, l'ispettore è diventato così bravo che non ho più bisogno di Firebug. Buh-ciao, FF.

— shacker,

Ho cambiato la mia risposta ... avere lo stesso collegamento di Firefox è fantastico.

— frankadelic,

Cmd / Ctrl + Maiusc + C è anche abbastanza utile, poiché consente di selezionare un elemento specifico da ispezionare senza navigare nel menu di scelta rapida. Vedi anche developers.google.com/chrome-developer-tools/docs/shortcuts

— Jo Liss

qualcuno sa come cambiare questa scorciatoia da tastiera? In Firebug, puoi configurare il collegamento. È Chrome, sembra essere difficile. per un motivo, utilizzo il layout della tastiera dvorak e il tasto C è lontano dalla mia mano sinistra.

— Michael Butler,

tenendo premuto N e facendo clic con il pulsante destro del mouse in qualche punto della pagina si apre la finestra di ispezione e si accede al pezzo di codice su cui si è fatto clic nella pagina tnnnnnnnnnhe. l'ho appena scoperto.

— tacca
fonte

Il tuo errore di battitura è involontariamente esilarante :)

— francesco

+1 per un punto specifico della pagina (anche se l'OP voleva solo la finestra generale). Questo è utile per i problemi con il passaggio del mouse, lasciando il mouse proprio dove si trova, senza dover spostare il mouse verso il basso nel menu a comparsa.

— arrivederci,

@goodeye note: simuli anche il passaggio del mouse facendo clic sull'icona di stato dell'elemento di attivazione (casella punteggiata con freccia), si trova sulla destra del menu accordian 'stili' se non riesci a trovarlo su Google images per "attiva / disattiva elemento stato "

— Myster,

Mio Dio, per tutto questo tempo ho fatto clic con il tasto destro e ho fatto "Ispeziona elemento" sprecando tutto quel tempo.

— grido

@Myster, bel suggerimento, tra l'altro la modalità dispositivo di commutazione fa solo il ridimensionamento?

— Pacerier,

Ctrl+ Shift+ Iapre gli strumenti di sviluppo, fino all'ultima sezione in cui ti trovavi. Se fossi stato l'ultimo nella sezione Risorse, vedrai le Risorse.

Non penso che ci sia una scorciatoia da tastiera specifica per Inspect Element , poiché questo dipende dal contesto (cioè dalla posizione del mouse)?

— MrWhite
fonte

Frankadelic vuole davvero aprire gli Strumenti di sviluppo per accedere al pannello Risorse, non al pannello Elementi, quindi Ctrl + Maiusc + I è una buona scorciatoia da usare: apre gli Strumenti di sviluppo nello stesso modo in cui li hai lasciati. (I menu di scelta rapida di Chrome hanno pochissime opzioni, quindi fai clic con il pulsante destro del mouse, Inspect element è il modo comune in cui le persone suggeriscono di

— accedere

Bavi_H, è corretto.

— frankadelic,