In Mundoapps.net ti insegneremo a farlo apri e controlla il codice sorgente di qualsiasi pagina web, utilizzando Google Chrome su Mac o Windows. Si apre una nuova scheda insieme a tutto l’HTML per la pagina web, completamente espansa e non formattata.

Se stai cercando un elemento o una parte specifica nel file Codice sorgente HTML, l’utilizzo di View Source è noioso e macchinoso, soprattutto se la pagina utilizza molto JavaScript e CSS.

Come visualizzare il codice HTML in Google Chrome

Ispeziona la fonte utilizzando gli strumenti per sviluppatori

► Potrebbe interessarti anche: Come disabilitare i popup in Google Chrome◄

Questo metodo utilizza il pannello degli strumenti per sviluppatori in Chrome ed è un approccio molto più pulito alla visualizzazione del codice sorgente. L’HTML è più facile da leggere qui grazie alla formattazione aggiuntiva e alla possibilità di comprimere gli elementi che non ti interessa visualizzare.

  1. Apri Chrome e vai alla pagina che desideri esaminare; quindi premere CTRL + MAIUSC + I. Un pannello agganciato si aprirà accanto alla pagina web che stai visualizzando.
  2. Fare clic sulla piccola freccia grigia accanto a un elemento per ingrandire ulteriormente.
  3. Se non vuoi vedere il codice completo della pagina per impostazione predefinita, ma invece ispezionare un elemento specifico dell’HTML, fai clic con il pulsante destro del mouse su tale spazio nella pagina, quindi fai clic su “Ispezionare, controllare“.
  4. Quando il pannello si apre questa volta, andrà direttamente alla porzione di codice che contiene l’elemento su cui hai fatto clic.
  5. Se desideri modificare la posizione del dock, puoi spostarlo in basso, a sinistra, a destra o persino sganciarlo in una finestra separata. Fare clic sull’icona del menu (tre punti), quindi scegliere di agganciare in una finestra separata, rispettivamente a sinistra, in basso o a destra.

È tutto quello che devi fare. Quando hai finito di visualizzare il codice, chiudi la scheda Visualizza sorgente o fai clic sulla “X” nel pannello Strumenti per sviluppatori per tornare alla tua pagina web.

►Leggi: Come sbloccare i siti Web in Google Chrome. TUTORIAL 2020

Conclusione

Sopra Mundoapps.nesperiamo che tu abbia imparato Come visualizzare il codice HTML in Google ChromeSe pensi che qualcosa debba essere menzionato, lascia il tuo commento.