Come Ispezionare un Elemento su Chrome

Scarica PDF

Co-redatto da Lo Staff di wikiHow

Scarica PDF

In questo Articolo:

Passaggi

Articoli Correlati

Questo articolo descrive come ispezionare il codice sorgente HTML di un elemento visuale su qualsiasi sito web aperto con Google Chrome usando un computer.

Passaggi

1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/32\/Inspect-Element-on-Chrome-Step-1.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/32\/Inspect-Element-on-Chrome-Step-1.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
   1
   Apri Google Chrome sul computer. L'icona raffigura una sfera colorata contenente un puntino blu. Si trova nella cartella "Applicazioni" su Mac e nel menu "Start" su Windows.
2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/94\/Inspect-Element-on-Chrome-Step-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/94\/Inspect-Element-on-Chrome-Step-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-2.jpg","smallWidth":460,"smallHeight":343,"bigWidth":728,"bigHeight":543,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
   2
   Clicca sull'icona raffigurante tre puntini verticali. Si trova accanto alla barra degli indirizzi in alto a destra all'interno della finestra del browser. Apparirà un menu a discesa.
3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c4\/Inspect-Element-on-Chrome-Step-3.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c4\/Inspect-Element-on-Chrome-Step-3.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":550,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
   3
   Nel menu a discesa, passa il cursore del mouse sulla voce Altri strumenti. Apparirà un altro menu.
4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a8\/Inspect-Element-on-Chrome-Step-4.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a8\/Inspect-Element-on-Chrome-Step-4.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-4.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":541,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
   4
   Clicca su Strumenti per sviluppatori all'interno di questo menu. Sulla destra si aprirà una colonna che ti permetterà di ispezionare l'elemento.

   • In alternativa, puoi aprire questa sezione con una scorciatoia da tastiera, ovvero ⌥ Option+⌘ Cmd+I su Mac e Ctrl+Alt+I su Windows.
5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f3\/Inspect-Element-on-Chrome-Step-5.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f3\/Inspect-Element-on-Chrome-Step-5.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-5.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
   5
   Passa il cursore del mouse su un elemento all'interno della colonna. Quando passi il cursore del mouse su un elemento o una riga nella sezione di ispezione, l'elemento selezionato verrà evidenziato nel sito web.
6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e8\/Inspect-Element-on-Chrome-Step-6.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e8\/Inspect-Element-on-Chrome-Step-6.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-6.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":542,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
   6
   Con il tasto destro del mouse, clicca su un elemento che desideri ispezionare sul sito web. Apparirà un menu a discesa.
7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0a\/Inspect-Element-on-Chrome-Step-7.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0a\/Inspect-Element-on-Chrome-Step-7.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-7.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":542,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
   7
   Seleziona Ispeziona nel menu a tendina. La colonna di ispezione verrà esaminata fino a trovare l'elemento selezionato e il suo codice sorgente verrà messo in evidenza.

   • Non è necessario aprire manualmente la colonna di ispezione a questo scopo. Cliccare sull'elemento con il tasto destro del mouse e selezionare "Ispeziona" dal menu a discesa dovrebbe attivare automaticamente questa funzionalità.
   Pubblicità