Come controllare gli elementi della pagina Web in Chrome: 7 passaggi

Sommario:

Come controllare gli elementi della pagina Web in Chrome: 7 passaggi
Come controllare gli elementi della pagina Web in Chrome: 7 passaggi

Video: Come controllare gli elementi della pagina Web in Chrome: 7 passaggi

Video: Come controllare gli elementi della pagina Web in Chrome: 7 passaggi
Video: Come funziona la navigazione in incognito 2024, Novembre
Anonim

Questo articolo spiega come esaminare il codice sorgente HTML degli elementi visivi di una pagina web in Google Chrome utilizzando un computer.

Fare un passo

Ispeziona elemento su Chrome Passaggio 1
Ispeziona elemento su Chrome Passaggio 1

Passaggio 1. Apri Google Chrome sul computer

L'icona di Chrome ha l'aspetto di una pallina colorata con un punto blu al centro. Puoi trovare questa icona nella cartella "Applicazioni" su un computer Mac o nel menu "Start" su un computer Windows.

Ispeziona elemento su Chrome Passaggio 2
Ispeziona elemento su Chrome Passaggio 2

Passaggio 2. Fare clic sull'icona dei tre punti verticali

Si trova accanto alla barra degli indirizzi, nell'angolo in alto a destra della finestra del browser. Successivamente, verrà visualizzato un menu a discesa.

Ispeziona elemento su Chrome Passaggio 3
Ispeziona elemento su Chrome Passaggio 3

Passaggio 3. Passa il mouse su Altri strumenti nel menu a discesa

Successivamente, verrà visualizzato il sottomenu.

Ispeziona elemento su Chrome Passaggio 4
Ispeziona elemento su Chrome Passaggio 4

Passaggio 4. Fare clic su Strumenti per sviluppatori nel sottomenu "Altri strumenti"

Verrà visualizzata una colonna di ispezione sul lato destro della finestra del browser.

In alternativa, è possibile aprire la finestra di ispezione con una scorciatoia da tastiera. Premi Opzione+⌘ Cmd+I sui computer Mac e Ctrl+Alt+I sui computer Windows

Ispeziona elemento su Chrome Passaggio 5
Ispeziona elemento su Chrome Passaggio 5

Passaggio 5. Passa il mouse su un elemento nella colonna di ispezione

Quando il cursore viene posizionato su un elemento o una linea nella finestra di ispezione, l'elemento corrispondente verrà contrassegnato sulla pagina web.

Ispeziona elemento su Chrome Passaggio 6
Ispeziona elemento su Chrome Passaggio 6

Passaggio 6. Fare clic con il pulsante destro del mouse sull'elemento che si desidera ispezionare nella pagina web

Il menu di scelta rapida verrà visualizzato nella casella a discesa.

Ispeziona elemento su Chrome Passaggio 7
Ispeziona elemento su Chrome Passaggio 7

Passaggio 7. Selezionare Ispeziona nel menu a discesa

Successivamente, la colonna di ispezione verrà spostata in alto o in basso su quell'elemento. Il codice sorgente dell'elemento verrà contrassegnato.

Non è necessario aprire manualmente il campo di ispezione. Scegliere " Ispezionare ” nel menu di scelta rapida per aprire automaticamente la colonna di ispezione.

Consigliato: