Hai mai desiderato visualizzare l'origine di una pagina web da un iPad o iPhone? Sfortunatamente, Safari mobile non include la funzione da solo e non ha ancora un toolkit di ispezione web mobile integrato, ma con l'aiuto di un bookmarklet personalizzato puoi visualizzare l'origine di qualsiasi pagina web direttamente in iOS e iPadOS.

Questo articolo ti mostrerà come impostare la visualizzazione del sorgente in Safari per iPad e iPhone utilizzando un bookmarklet e un trucco javascript.

Come visualizzare la sorgente in Safari per iPad e iPhone

1. Apri Safari se non l'hai già fatto
2. Aggiungi ai segnalibri questa pagina web (o qualsiasi altra) con Safari su un iPad, iPhone o iPod touch e assegna al segnalibro il nome "Visualizza sorgente"
3. Fai clic qui per visualizzare il javascript del bookmarklet, quindi seleziona Seleziona tutto -> Copia
4. Tocca l'icona Segnalibro nella schermata del nuovo browser Safari e tocca "Modifica", quindi tocca il segnalibro che hai salvato al passaggio 2
5. Incolla il codice javascript che hai copiato nel passaggio 3 nella barra degli URL, quindi salva le modifiche al segnalibro toccando "Fatto"
6. Ora, quando vuoi visualizzare la sorgente di una pagina web su iPad o iPhone, apri il menu Segnalibri e seleziona "Visualizza sorgente"
7. Il codice sorgente verrà visualizzato nella sintassi evidenziata con gli URL di origine selezionabili

Una cosa importante da notare è che il javascript utilizzato qui invia la pagina di cui stai visualizzando il codice sorgente al server michelsen.dk per l'elaborazione. Se non ti senti a tuo agio, ci sono altre soluzioni là fuori, ma non evidenzieranno la sintassi e non sono altrettanto eleganti nel complesso.

Ad esempio, puoi utilizzare il Javascript di seguito come bookmarklet per visualizzare anche il sorgente che non verrà elaborato tramite un server remoto, ma non utilizza l'evidenziazione della sintassi:

javascript:(function(){var a=window.open('about:blank').document;a.write('Fonte di '+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))})();

Un suggerimento simile utilizza un segnalibro modificato per consentirti di eseguire Firebug con Mobile Safari anche su un iPhone o iPad, il che potrebbe essere un po' più utile per alcuni sviluppatori web.

Questo fantastico consiglio viene da Michelsen.dk. Trovato tramite Twitter, puoi seguirci anche lì

Chissà, forse un giorno Safari in iOS e iPadOS avrà una capacità nativa di visualizzare la fonte? Fino ad allora, dovrai fare affidamento su app o strumenti di questa festa come questo.

Ha funzionato bene nei test, ma alcuni utenti riportano risultati diversi su varie versioni successive di Safari e iOS. Facci sapere nei commenti qui sotto cosa funziona per te e quale versione di iOS e iPad o iPhone stai usando.