Come vedere il codice HTML per un sito web
Il codice HTML sottostante utilizzato per costruire un sito web non è nascosto ma facilmente accessibile a chiunque disponga degli strumenti adeguati. Ad esempio, i browser Web come Firefox, Chrome, Safari, Opera e Internet Explorer hanno diversi modi per visualizzare direttamente il codice 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 archiviato su un disco locale.
Visualizza sorgente nel browser
I passaggi necessari per visualizzare il codice HTML di un sito Web sono essenzialmente gli stessi per Firefox, Chrome, Safari, Opera e Internet Explorer. Fare clic con il pulsante destro del mouse su una sezione di una pagina Web che contiene solo testo, quindi selezionare l'opzione "Visualizza origine" o "Visualizza origine pagina". A seconda della configurazione del browser, il codice HTML si apre in una nuova scheda del browser o in una finestra dell'applicazione separata.
Salva codice sorgente su disco
Se hai bisogno di esaminare o modificare il codice di un sito web in un secondo momento, puoi salvare la pagina sul tuo disco rigido. Quando fai clic con il pulsante destro del mouse su una pagina Web in Firefox o Safari, ti viene offerta l'opzione "Salva pagina con nome". Chrome e Opera hanno l'opzione "Salva con nome". Per salvare una pagina Web utilizzando Internet Explorer, fare clic su "Strumenti", "File" e quindi "Salva con nome". Oltre alla pagina Web stessa, il browser salva tutte le immagini, i file CSS e JavaScript utilizzati dalla pagina che sono archiviati localmente sul suo server Web.
Strumenti di sviluppo browser integrati
Firefox, Chrome, Opera e Internet Explorer forniscono ciascuno una modalità sviluppatore che consente di visualizzare contemporaneamente una pagina Web sottoposta a rendering e il relativo codice HTML, CSS e JavaScript. Se fai clic su un elemento sul Web, il relativo codice viene visualizzato nel pannello di visualizzazione dello sviluppatore. È possibile accedere al pannello dello sviluppatore tramite le opzioni o lo strumento di configurazione. Sebbene Safari non disponga di uno strumento per sviluppatori nativo, puoi installarne uno come estensione.
Applicazioni per sviluppatori Web
Strumenti di progettazione di siti Web come Dreamweaver, Kompozer e Microsoft Expressions consentono di aprire una pagina Web online utilizzando il relativo URL. Il codice HTML viene visualizzato in una vista di solo codice sorgente o in una vista divisa, di anteprima e di origine. 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
Involontariamente o involontariamente, alcuni siti Web non rinunciano facilmente al proprio codice HTML. Ad esempio, alcuni siti utilizzano codice JavaScript, che blocca i clic con il pulsante destro del mouse. Puoi comunque visualizzare il codice sorgente scaricando la pagina sul tuo disco o disabilitando JavaScript nel tuo browser. Altri siti utilizzano frame o iframe HTML, che ti impediscono di accedere direttamente alla loro fonte. Firefox, Chrome, Safari e Opera rilevano i siti Web basati su frame e offrono automaticamente un'opzione per visualizzare il codice sorgente di un frame. Se una pagina Web utilizza un file JavaScript o CSS memorizzato su un altro dominio, puoi visualizzare il codice di quel file direttamente copiandone l'URL dal codice HTML a cui puoi accedere e incollandolo nella barra degli indirizzi di una nuova scheda del browser.