Come visualizzare i codici sorgente HTML delle pagine Web su iPad / iPhone. Nessuna app richiesta.

Sei curioso del web e vuoi dare un'occhiata al codice sorgente di qualsiasi sito Web su Internet? Se è così, non sei solo. Una delle domande più frequenti sui lettori che vediamo è come visualizzare i codici sorgente HTML da QUALSIASI pagina Web su un iPhone (o un altro iDevice – iPad o iPod Touch.) Fortunatamente, abbiamo una soluzione grazie allo sviluppatore Rob Flaherty! Questo articolo descrive i passaggi necessari per visualizzare il codice sorgente (HTML, CSS, JavaScript, ecc.) Per qualsiasi pagina Web su iDevices tra cui iPad, iPhone o iPod touch. E soprattutto, nessuna app richiesta!

Come visualizzare i codici sorgente HTML su iDevices

8 semplici passaggi per visualizzare i codici sorgente HTML

  1. Tocca Safari (iPhone, iPod o iPad), se non è già aperto, e visita questa pagina. Questo metodo funziona anche per Chrome
  2. Seleziona il pulsante Condividi (noto anche come pulsante Azione):

  3. Tocca Segnalibro :

  4. Scegli il campo Nome e premi l'icona X per cancellarlo e chiamalo "Mostra sorgente pagina" e quindi tocca "Salva".

  5. Ora visita questa pagina e seleziona tutto e copia il codice javascript: ( credito codice: Rob Flaherty )

  6. Conferma che il codice che copi dal sito di Rob ha lo stesso aspetto di questo (ma copia da questa pagina NON dal basso):
    1. javascript: (function () {var a = window.open ('about: blank'). document; a.write ('Source of' + location.href + ''); a.close (); var b = a. body.appendChild (a.createElement ( 'pre')); b.style.overflow = 'auto'; b.style.whiteSpace = 'pre-wrap'; b.appendChild (a.createTextNode (document.documentElement.innerHTML) )}) ();
  7. Tocca l'icona Segnalibri e tocca Modifica :

  8. Seleziona il segnalibro "Mostra sorgente pagina" che hai appena creato nel passaggio 4:

  9. Tocca il campo Indirizzo e premi l'icona X per cancellarlo, quindi incolla il codice javascript che hai copiato nel passaggio 5; quindi tocca Fine

Questo è tutto! Ora puoi usare vai a qualsiasi pagina web usando Safari mobile (e Chrome) sul tuo iDevice (iPhone, iPod o iPad), tocca l'icona Segnalibri quindi tocca il segnalibro Mostra sorgente pagina e si apre una nuova finestra che mostra il codice sorgente del pagina web. Fantastico e facile!

Risultati finali per visualizzare i codici sorgente HTML

E, ovviamente, c'è un'app per questo!

Se non ti piace l'idea di passare attraverso una serie di passaggi manuali, l'App Store offre alcune app che fanno il lavoro per te! Cerca app di terze parti come Visualizza sorgente, Sorgente per pagina Web, Browser di origine e app simili che ti consentano di visualizzare il codice sorgente HTML. Con queste app, ottieni l'accesso a tutto il codice sorgente HTML del tuo sito preferito, CSS e su alcune app, qualsiasi Javascript. Alcune di queste app offrono persino un'estensione Safari per dispositivi iOS e includono funzionalità di evidenziazione e ricerca della sintassi integrate!

Con queste app, la visualizzazione del codice sorgente è un processo semplice e in una sola fase. Basta inserire un URL e vedere immediatamente il codice sorgente dietro di esso. Oppure utilizza l'estensione Safari dell'app e naviga sul Web come faresti di solito. Quindi, quando si desidera visualizzare l'origine della pagina corrente, è sufficiente toccare l'icona Azione e selezionare Visualizza origine. È facile copiare il testo sul pannello di montaggio per utilizzarlo in altre app o persino inviarlo come e-mail.