I siti Web basati su frame mostrano spesso il layout del set di frame anziché il contenuto.
Credito immagine: vetkit/iStock/Getty Images
Il codice HTML sottostante utilizzato per creare un sito Web non è nascosto ma facilmente accessibile a chiunque disponga degli strumenti appropriati. Ad esempio, i browser Web come Firefox, Chrome, Safari, Opera e Internet Explorer offrono diversi modi per visualizzare direttamente il codice HTML, CSS o JavaScript di un sito Web. Inoltre, alcuni strumenti di sviluppo Web dedicati 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.
Video del giorno
Salva il 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 su "Salva con nome". Oltre alla pagina Web stesso, il browser salva tutte le immagini, i file CSS e JavaScript utilizzati dalla pagina che sono memorizzati localmente sul suo Web server.
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 degli sviluppatori tramite le opzioni o lo strumento di configurazione. Sebbene Safari non disponga di uno strumento di sviluppo nativo, puoi installarne uno come estensione.
Applicazioni per sviluppatori web
Gli strumenti di progettazione di siti Web come Dreamweaver, Kompozer e Microsoft Expressions consentono di aprire una pagina Web online utilizzando il relativo URL. Si visualizza il codice HTML in una vista solo codice sorgente o in una vista divisa, in anteprima e in 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
Intenzionalmente o meno, alcuni siti Web non rinunciano facilmente al proprio codice HTML. Ad esempio, alcuni siti utilizzano il 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 HTML o iframe, 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 archiviato su un altro dominio, puoi visualizzare il codice di quel file direttamente da copiando il suo URL dal codice HTML a cui puoi accedere e poi incollandolo nella barra degli indirizzi di una nuova scheda del browser.
