Come Visualizzare il Codice HTML di un Sito Web
Il codice HTML sottostante usato per costruire un sito web non è nascosto ma facilmente accessibile a chiunque abbia gli strumenti adeguati. Ad esempio, browser web come Firefox, Chrome, Safari, Opera e Internet Explorer hanno diversi modi per visualizzare direttamente l'HTML, CSS o JavaScript di un sito web. Inoltre, alcuni strumenti dedicati per sviluppatori web possono caricare e aprire una pagina web da Internet come un file memorizzato su un disco locale.
Visualizzare Sorgente nel Browser
I passaggi richiesti per vedere il codice HTML di un sito web sono essenzialmente gli stessi per Firefox, Chrome, Safari, Opera e Internet Explorer. Fai clic destro su una sezione di una pagina web che contiene solo testo e poi seleziona l'opzione "Visualizza sorgente" o "Visualizza sorgente pagina". A seconda della configurazione del browser, il codice HTML si apre in una nuova scheda del browser o in una finestra di applicazione separata.
Salvare Codice Sorgente su Disco
Se hai bisogno di esaminare o modificare il codice di un sito web in seguito, puoi salvare la pagina sul disco rigido. Quando fai clic destro su una pagina web in Firefox o Safari, ti viene offerta l'opzione "Salva pagina come". Chrome e Opera hanno l'opzione "Salva come". Per salvare una pagina web usando Internet Explorer, fai clic su "Strumenti", "File", e poi "Salva come". Oltre alla pagina web stessa, il browser salva tutte le immagini, file CSS e JavaScript che la pagina usa e che sono memorizzati localmente sul suo server web.
Strumenti Sviluppatore Integrati nel Browser
Firefox, Chrome, Opera e Internet Explorer forniscono ciascuno una modalità sviluppatore che ti permette di visualizzare simultaneamente una pagina web renderizzata e il suo codice HTML, CSS e JavaScript. Se fai clic su un elemento sul web, il suo codice appare nel pannello di visualizzazione dello sviluppatore. Il pannello sviluppatore può essere accesso tramite lo strumento opzioni o configurazione. Mentre Safari non ha uno strumento sviluppatore nativo, puoi installarne uno come estensione.
Applicazioni per Sviluppatori Web
Strumenti di progettazione siti web come Dreamweaver, Kompozer e Microsoft Expressions ti permettono di aprire una pagina web online usando il suo URL. Visualizzi il codice HTML in una vista solo codice sorgente o una vista divisa, anteprima e sorgente. Inoltre, puoi modificare il codice e visualizzare le modifiche in tempo reale. Il codice effettivo memorizzato sul server del sito web non viene mai modificato.
Problemi che Potresti Incontrare
Intenzionalmente o no, alcuni siti web non cedono facilmente il loro codice HTML. Ad esempio, alcuni siti usano codice JavaScript che blocca i clic destro. Puoi comunque visualizzare il codice sorgente scaricando la pagina sul disco o disabilitando JavaScript nel browser. Altri siti usano frame HTML o iframe, che impediscono di accedere direttamente al loro sorgente. Firefox, Chrome, Safari e Opera rilevano i siti basati su frame e offrono automaticamente un'opzione per visualizzare il codice sorgente di un frame. Se una pagina web usa un file JavaScript o CSS memorizzato su un altro dominio, puoi visualizzare il codice di quel file direttamente copiando il suo URL dal codice HTML a cui puoi accedere e incollandolo nella barra degli indirizzi di una nuova scheda del browser.