Ispeziona un elemento in chrome

In questo articolo imparerai come ispezionare il codice HTML di un elemento visibile su una pagina in Google Chrome sul tuo computer.

Passi

Immagine intitolata Inspect Element on Chrome Step 1
1. Apri Google Chrome sul tuo computer. L`icona di Chrome ha l`aspetto di una pallina colorata con un punto blu al centro. Puoi trovarlo nella cartella Applicazioni su un Mac o nel menu Start di Windows.
Immagine intitolata Inspect Element on Chrome Step 2
2. Fare clic sull`icona con i tre punti verticali. È il pulsante accanto alla barra degli indirizzi, nell`angolo in alto a destra della finestra. Ora si apre un menu a tendina.
Immagine intitolata Inspect Element on Chrome Step 3
3. Tieni la freccia in altoAltri strumenti nel menu a tendina. Si aprirà ora un sottomenu.
Immagine intitolata Inspect Element on Chrome Step 4
4. clicca suStrumenti di sviluppo nel sottomenu. Una "colonna di ispezione" apparirà sul lato destro dello schermo.
Puoi anche accedere a questa colonna usando una scorciatoia sulla tastiera. La scorciatoia è ⌥Opzione+⌘ cmd+io su un Mac e Ctrl+alt+io in Windows.
Immagine intitolata Inspect Element on Chrome Step 5
5. Tieni la freccia su un elemento nella colonna di ispezione. Se vai su un elemento o una riga nella colonna con la tua freccia, l`elemento selezionato nella pagina web viene visualizzato a colori.
Immagine intitolata Inspect Element on Chrome Step 6
6. Fare clic con il pulsante destro del mouse su un elemento che si desidera ispezionare. Si aprirà quindi un menu a discesa.
Immagine intitolata Inspect Element on Chrome Step 7
7. SelezionareIspezionare nel menu a tendina. La colonna di ispezione scorre verso l`alto o verso il basso fino all`elemento selezionato e il codice sorgente viene visualizzato a colori.
Non è necessario aprire prima la colonna di ispezione manualmente. Se selezioni "Ispeziona" nel menu a discesa, la colonna Ispezione si aprirà automaticamente.

Condividi sui social network: