Il codice HTML di base utilizzato per costruire un sito web non è nascosta, ma facilmente accessibile a chiunque con gli strumenti adeguati. Ad esempio, i browser web come Firefox, Chrome, Safari, Opera e Internet Explorer sono diversi modi puoi vedere un sito web HTML, CSS o codice JavaScript direttamente. Inoltre, alcuni strumenti di sviluppo Web dedicati possono caricare e aprire una pagina Web da Internet come un file memorizzato su un disco locale.

View Source nel browser

I passi necessari per vedere il codice HTML di un sito web sono essenzialmente gli stessi per Firefox, Chrome, Safari, Opera e Internet Explorer. Fare clic su una sezione di una pagina Web che contiene solo testo e quindi selezionare l'opzione "Visualizza origine" 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.

Salva codice sorgente su disco

Se avete bisogno di esaminare o modificare il codice di un sito web in seguito, è possibile salvare la pagina sul disco rigido. Quando si fa clic su una pagina Web in Firefox o Safari, si sono offerti l'opzione "Salva pagina con nome". Chrome e Opera hanno il "Salva con nome". Per salvare una pagina Web utilizzando Internet Explorer, scegliere "Strumenti", "File" e poi "Salva con nome". Oltre alla pagina Web stessa, il browser memorizza tutte le immagini, i file CSS e JavaScript gli usi di pagina che vengono memorizzati in locale sul proprio server Web.

Built-in Strumenti Browser sviluppatori

Firefox, Chrome, Opera e Internet Explorer ogni forniscono una modalità sviluppatore che consente di visualizzare contemporaneamente una pagina Web e la sua resa HTML, CSS e codice JavaScript. Se si fa clic su un elemento sul Web, il suo codice viene visualizzato nel display sviluppatore. Il pannello sviluppatore può accedere tramite lo strumento di opzioni o di configurazione. Mentre Safari non dispone di uno strumento di sviluppo nativo, è possibile installare uno come estensione.

Applicazioni Web Developer

Sito web strumenti di progettazione come Dreamweaver, Kompozer e Microsoft espressioni consentono di aprire una pagina Web on-line utilizzando il suo URL. È possibile visualizzare il codice HTML in un codice di sola vista di origine o di una scissione, di anteprima e visualizza sorgente. Inoltre, è possibile modificare il codice e visualizzare le modifiche in tempo reale. Il codice effettivo memorizzato sul server del sito non è mai cambiato.

Problemi che potrebbero verificarsi

Intenzionalmente o meno, alcuni siti web non rinunciano loro codice HTML facilmente. Ad esempio, alcuni siti utilizzano il codice JavaScript, che blocca fa clic destro. È ancora possibile visualizzare il codice sorgente scaricando la pagina al tuo disco o disattivando JavaScript nel tuo browser. Altri siti utilizzano frame HTML o iframe, che impediscono di accedere direttamente loro fonte. Firefox, Chrome, Safari e Opera rilevano i siti web basati su fotogrammi e automaticamente vi offrono la possibilità di visualizzare il codice sorgente di un frame. Se una pagina Web utilizza un file JavaScript o CSS memorizzati su un altro dominio, è possibile visualizzare il codice del file che direttamente copiando l'URL dal codice HTML è possibile accedere e poi incollarlo nella barra degli indirizzi di una nuova scheda del browser.