Come Ispezionare Element su Chrome: 7 Passaggi (con Immagini)

Sommario:

Come Ispezionare Element su Chrome: 7 Passaggi (con Immagini)
Come Ispezionare Element su Chrome: 7 Passaggi (con Immagini)

Video: Come Ispezionare Element su Chrome: 7 Passaggi (con Immagini)

Video: Come Ispezionare Element su Chrome: 7 Passaggi (con Immagini)
Video: SCONTORNARE con PHOTOSHOP: metodo ultra rapido 2024, Maggio
Anonim

Questo articolo spiega come ispezionare il codice sorgente HTML di un elemento visivo su qualsiasi pagina web su Google Chrome, utilizzando un computer.

Passi

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

Passaggio 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 su Windows.

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

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

Questo pulsante si trova accanto alla barra degli indirizzi nell'angolo in alto a destra della finestra del browser. Si aprirà 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

Apparirà un 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

Si aprirà la colonna Inspector sul lato destro della finestra del browser.

In alternativa, puoi aprire Impostazioni con una scorciatoia da tastiera. Questa scorciatoia è ⌥ Option+⌘ Cmd+I su Mac e Ctrl+Alt+I su Windows

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

Passaggio 5. Passa il mouse su un elemento nella colonna Inspector

Spostando il mouse su un elemento o una riga in Inspector evidenzierà l'elemento selezionato nella pagina web.

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

Passaggio 6. Fare clic con il pulsante destro del mouse su un elemento che si desidera ispezionare su qualsiasi pagina Web

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

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

Passaggio 7. Selezionare Ispeziona nel menu a discesa

Questo farà scorrere la colonna Inspector verso l'alto o verso il basso fino all'elemento selezionato ed evidenzierà il suo codice sorgente.

Non è necessario aprire manualmente la colonna Inspector per farlo. Selezione Ispezionare nel menu di scelta rapida si aprirà automaticamente l'Inspector.

Consigliato: