Come visualizzare il codice sorgente HTML di una pagina Web su iOS o Mac (Guida)

Sia che ti diletti nello sviluppo Web di piccole dimensioni o che tu abbia semplicemente interesse generale a scavare nel codice per vedere come funzionano le cose, ci possono essere momenti in cui vuoi vedere il codice sorgente HTML dietro una pagina Web specifica.

È possibile farlo da entrambi i tuoi dispositivi iOS come un iPhone o iPad e dal tuo Mac. In questo tutorial, ti mostreremo come visualizzare il codice sorgente HTML di una pagina Web su entrambe le piattaforme.

Come visualizzare il codice sorgente di un sito Web su iPhone o iPad

Se desideri visualizzare il codice sorgente di una pagina web dal tuo iPhone o iPad, dovrai utilizzare un'app per aiutarti. La maggior parte delle app moderne semplifica questo processo e include l'evidenziazione della sintassi utile in modo da poter capire meglio cosa stai guardando.

Ti consigliamo di utilizzare HTML Viewer Q, che è un download gratuito dall'App Store. Una volta installato, attenersi alla seguente procedura per visualizzare il codice sorgente di una pagina Web:

1) Avvia HTML Viewer Q dalla schermata Home.

2) Tocca il collegamento pulsante in alto a destra dell'app:

3) Immettere l'URL completo di una pagina Web di cui si desidera visualizzare il codice sorgente, quindi toccare Partire pulsante (useremo Amazon per questo esempio).

4) Una volta caricata la pagina, toccare il Codice pulsante in alto a sinistra dell'app.

Ora stai visualizzando il codice sorgente della pagina web selezionata. Puoi toccare uno qualsiasi dei numeri nella parte superiore dell'app per cambiare tra le diverse dimensioni del carattere: ad esempio 9pt, 12pt, 16pt, ecc. E puoi anche utilizzare il pulsante Cerca per cercare qualsiasi parola chiave o sintassi che potresti essere specificamente cercando.

L'app ti consente anche di copiare il codice HTML in modo da poterlo incollare in qualsiasi altra app.

Come visualizzare un codice sorgente HTML di pagina in Safari su Mac

Se stai usando un Mac, non hai davvero bisogno di software di terze parti per visualizzare il codice sorgente di una pagina web. Puoi utilizzare Safari (o qualsiasi altro browser web che preferisci) per visualizzare il codice sorgente all'interno del browser stesso.

Nota: questi passaggi variano leggermente a seconda del browser Web in uso.

Prima parte: abilitare gli strumenti per sviluppatori in Safari

Per visualizzare il codice sorgente di una pagina Web in Safari, devi prima abilitare gli strumenti di sviluppo nascosti. Per fare ciò, attenersi alla seguente procedura:

1) Avvia Safari se non è già aperto.

2) Vai a Safari → Preferenze nella barra dei menu.

3) Apri il Avanzate scheda nella finestra Preferenze.

4) Metti un segno di spunta in Mostra il menu Sviluppo nella barra dei menu casella se non è già selezionata.

Ora che gli strumenti appropriati sono abilitati, sei pronto per passare alla sezione successiva per visualizzare il codice sorgente di una pagina web.

Seconda parte: visualizzazione del codice sorgente di una pagina Web in Safari

Per visualizzare il codice sorgente di una pagina Web dopo aver attivato gli strumenti di sviluppo, attenersi alla seguente procedura:

1) Avvia Safari se non è già aperto.

2) Carica la pagina web di cui vuoi vedere il codice sorgente (useremo Amazon per questo esempio).

3) Vai a Sviluppa → Mostra sorgente pagina nella barra dei menu (o fare clic con il tasto destro sulla pagina e selezionare Mostra sorgente pagina).

4) Il codice sorgente verrà ora visualizzato in una finestra nella parte inferiore dell'app Safari:

Puoi utilizzare la barra di ricerca per trovare parole chiave o sintassi specifiche, se lo desideri, oppure puoi ridimensionare la finestra Sviluppo facendo clic e trascinando un bordo proprio come faresti per ridimensionare un'app sul tuo Mac.

Avvolgendo

Questa funzione abilita il curioso Georges là fuori con la possibilità di vedere ciò che fa battere una pagina Web, ma questo è anche uno strumento prezioso per gli sviluppatori Web, principianti o esperti, che vogliono una migliore comprensione del codice dietro una pagina Web, o semplicemente desidera risolvere il proprio sito.

Leggi anche: