Supponiamo che tu stia visitando un sito Web su cui hai lavorato e noti alcuni problemi. Devi visualizzare l'origine della pagina su iPhone o iPad per trovare il codice difettoso e risolverlo. Apri Safari e impazzisci per trovare inutilmente il pulsante di visualizzazione del codice sorgente HTML su Safari. Cosa fai adesso? È facile, basta leggere questo articolo!
Ogni sviluppatore di siti Web, programmatore, progettista di software, sviluppatore di app dell'App Store, creatore di contenuti e webmaster sa quanto sia cruciale il codice sorgente. In questa parte del lavoro, devi sempre esaminare il codice sorgente di una pagina web per correggere i problemi, eseguire il debug, progettare e aggiungere valore al sito web.
Sebbene questa attività sia piuttosto semplice su dispositivi Android e Windows, è altrettanto difficile su dispositivi Apple come iPhone, iPad, MacBook e iMac. Tuttavia, su macOS, la funzione è disponibile ma nascosta e puoi trovarla seguendo questo "Visualizza il codice sorgente HTML in Safari” articolo. Tuttavia, per i dispositivi iOS, è una storia diversa.
Apple ha reso assolutamente difficile visualizzare le fonti delle pagine su iPad/iPhone. Non ci sono metodi nativi, o dovrei dire, semplici che puoi toccare o toccare per ottenere il codice sorgente HTML delle pagine web. Ma non diventare ancora troppo pazzo. Invece, leggi questo articolo fino alla fine per trovare i modi migliori per imparare a visualizzare il sorgente della pagina su Safari su iPhone o iPad.
Motivi per cui è necessario visualizzare il codice sorgente della pagina su iPhone/iPad
Trova di seguito alcune situazioni e motivi per visualizzare le fonti delle pagine su Safari su iPad/iPhone:
- È necessario visualizzare l'origine della pagina di una pagina Web per un dispositivo specifico come iPhone o iPad. Se accedi al sito Web su Mac e visualizzi il codice sorgente HTML, vedrai gli elementi per la versione desktop, non le versioni per iPhone o iPad.
- Sei in viaggio e vuoi investire il tuo tempo nell'esaminare i codici delle pagine Web per ottenere nuove idee o creare un piano di debug.
- Preferisci sviluppare siti Web sul tuo iPad poiché è dotato di molte funzionalità multitasking come Direttore di scena, Vista divisa, ecc.
Pertanto, segui i metodi seguenti per rimanere preparato nel caso in cui la necessità di visualizzare l'origine della pagina su iPhone o iPad si presenti in qualsiasi momento.
I migliori metodi per visualizzare il codice sorgente della pagina su iPhone/iPad
Di seguito sono riportati i modi più diffusi per visualizzare le fonti delle pagine nei codici HTML su un iPhone o iPad senza sfruttare alcuna app di terze parti. Questi metodi sono appropriati per programmatori e utenti finali interessati alla privacy e alla sicurezza:
1. Ottieni il codice sorgente HTML utilizzando l'app Scorciatoie
Questo metodo funzionerà solo se utilizzi iOS 12.0 (iPadOS 12.0) e versioni successive. Ecco come creare un collegamento alla sorgente della pagina di visualizzazione su iPhone o iPad:
- Apri il Scorciatoie app dalla schermata principale o dal cassetto delle app.
- Clicca il più (+) icona per creare un nuovo collegamento vuoto.
- Nella casella di ricerca, digita HTML e scegli Crea HTML da Rich Text.
- Ancora una volta, cerca il Sguardo veloce app nella casella di ricerca e aggiungila all'editor di scorciatoie.
- Ora tocca l'icona del collegamento in alto e scegli Rinominare.
- Rinominalo in Visualizza il codice sorgente e tocca Fatto.
- Clicca il (io) pulsante e attivare il Mostra nel foglio di condivisione opzione.
- Ora apri il browser Safari e visita una pagina web di tua scelta.
- Tocca il Condividere pulsante sull'app Safari e scorri verso il basso per trovare il file Visualizza il codice sorgente scorciatoia.
- Tocca il collegamento e ottieni il codice sorgente HTML in Quick Look.
2. Visualizza l'origine della pagina utilizzando uno script segnalibro
In questo metodo, creerai un segnalibro e l'URL sarà uno script sorgente di visualizzazione. Quando navighi su qualsiasi pagina web e devi visualizzare l'origine della pagina su Safari, tocca semplicemente il segnalibro. Otterrai un codice sorgente HTML per la pagina. Ecco come è fatto:
- Visita un sito web a caso e aggiungilo ai segnalibri sul tuo browser Safari per iPad o iPhone.
- Clicca il Menù safari nell'angolo in alto a sinistra e vai a Segnalibri.
- Tocco Preferiti per trovare il segnalibro appena aggiunto.
- Toccare a lungo il segnalibro e quindi selezionare Modificare nel menu contestuale.
- Cancella il titolo del segnalibro esistente e rinominalo in Codice sorgente HTML o qualsiasi altra cosa solo per ricordare il segnalibro.
- Clicca il Indirizzo campo e cancellare l'URL esistente.
- Copia e incolla il seguente codice come URL (creatore del codice: Rob Flaherty):
javascript:(function(){var a=window.open('about: blank').document; a.write('');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))})();- Rubinetto Fatto sulla tastiera per salvare le modifiche apportate fino a quel momento.
- Ora vai alla pagina Web per la quale devi ispezionare il codice sorgente.
- Vai al Segnalibri menu e toccare il Codice sorgente HTML segnalibro appena creato.
- Dovresti vedere il codice HTML della pagina che stai visitando in una nuova scheda di Safari.
Leggi anche:Come gestire i segnalibri in Safari su iOS e Mac
3. Visualizza il sorgente della pagina utilizzando il tethering di macOS
L'app Safari su iPhone e iPad è dotata di uno strumento Web Inspector integrato. Sfortunatamente, la funzione non funziona direttamente su dispositivi iPhone o iPad. Devi collegare i dispositivi a un MacBook o iMac. Quindi, puoi utilizzare i controlli su Mac Safari per visualizzare il codice sorgente HTML. Il processo funziona in due fasi come descritto di seguito:
Attiva Web Inspector
Segui questi passaggi per attivare Ispettore web funzionalità su Safari per iPad e iPhone:
- Sul tuo iPhone o iPad, apri il file Impostazioni app.
- Vai a Impostazioni Safari.
- Scorri verso il basso fino alla fine della finestra Impostazioni di Safari per trovare il file Avanzate menù. Toccalo.
- Attiva il Ispettore web toccando il pulsante di commutazione.
Visualizza il sorgente della pagina su Mac Safari
Vai sul tuo Mac e segui questi passaggi:
- Collega l'iPhone o l'iPad con un MacBook o iMac utilizzando il cavo USB.
- Se il dispositivo non è stato autenticato in precedenza, il Mac ti chiederà di autenticarlo utilizzando l'ID Apple.
- Ora apri l'app Safari su Mac e visita qualsiasi sito web.
- Sulla barra degli strumenti del Mac, fare clic su Sviluppare.
- Cerca il tuo iPad o iPhone nel menu contestuale che si apre.
- Fai clic sul tuo iPad o iPhone per aprire una nuova finestra sul tuo Mac che mostra la schermata Safari di questi dispositivi.
- Ora apri il sito Web di destinazione sul tuo iPhone o iPad e visualizza il codice sorgente sul browser Mac Safari.
Se sei d'accordo con app e strumenti di terze parti, potresti anche voler esaminare questi metodi aggiuntivi per visualizzare i codici sorgente HTML delle pagine web:
4. Estensione Safari – Ispettore web
Puoi installare l'estensione Web Inspector per il browser Apple Safari su iPad e iPhone. Quindi, chiama l'estensione durante la navigazione in una pagina Web per visualizzarne il codice sorgente HTML. Ecco i passaggi che dovresti provare:
- Apri il Impostazioni app e vai al Impostazioni Safari sezione.
- Scorri verso il basso fino a trovare il Estensioni opzione. Toccalo.
- All'interno di Estensioni, tocca Più estensioni.
- Apparirà la pagina dell'App Store per le estensioni di Safari.
- Tocca il Ricerca scatola e tipo Ispettore web e tocca Cerca sulla tastiera.
- Trova e installa l'app Web Inspector.
- Di nuovo vai a Impostazioni > Safari > Estensioni > e tocca Ispettore web.
- Usa il pulsante di commutazione per attivare questa estensione per Safari.
- Apri Safari e visita qualsiasi sito web.
- Clicca il Estensioni icona nell'angolo destro della barra degli indirizzi.
- Seleziona il Ispettore web estensione.
- Scegli il Consenti un giorno opzione sul pop-up che si presenta.
- Ancora una volta, tocca il Estensioni icona e quindi toccare Web Inspector.
- Il codice sorgente HTML dovrebbe apparire dalla parte inferiore della pagina web che stai visualizzando.
- Puoi passare da una scheda all'altra come DOM, Elementi, Console, Rete e Risorse.
- Per tornare alla visualizzazione normale, tocca semplicemente l'estensione Web Inspector nella sezione Estensioni di Safari.
5. App iOS - Visualizza sorgente
Puoi ottenerlo gratuitamente nell'App Store. Nella casella di ricerca, digita Visualizza sorgente e tocca Cerca. Vedrai più risultati su App Store. Installa quello che dice Visualizza sorgente. Il fornitore dell'app è Roman Tomjak.
Apri l'app dalla schermata principale o dal cassetto delle app. Quindi, digita l'URL del sito Web nella barra degli indirizzi per rivelare il codice sorgente HTML.
Lo strumento offre una vista in formato iPhone del codice sorgente. Tuttavia, puoi modificare l'orientamento o ingrandire utilizzando i relativi pulsanti nell'angolo in basso a destra dello schermo.
6. Visualizza il codice sorgente gratuitamente utilizzando Google Web Cache
Puoi eseguire il seguente trucco accurato e interessante sui siti Web visitati per visualizzare il loro codice sorgente sottostante su Safari o Chrome:
- Visita la pagina web per la quale devi trovare il codice sorgente HTML.
- Tocca l'indirizzo sulla barra degli indirizzi di Safari o Chrome.
- Prendi il cursore di digitazione all'inizio dell'indirizzo come mostrato nell'immagine sopra.
- Ora, digita prima il seguente codice https://
cache:
- Colpire il Andare pulsante sulla tastiera iOS.
- Nella parte superiore della pagina, devi vedere il file Vedi la fonte opzione. Toccalo.
- Ora ottieni il codice sorgente della pagina web che hai appena visitato.
Leggi anche:Come importare segnalibri, password e altro
7. Visualizza il codice sorgente nelle app Web
Esistono molti siti Web che ti consentono di rivelare i codici sorgente sottostanti di siti Web e pagine Web gratuitamente o con una piccola tassa. Da tutte quelle app web, ho scelto CodeBeautify's Source Code Viewer. Ecco come funziona:
- Su iPhone o iPad, vai a questo link: Visualizzatore del codice sorgente utilizzando il browser Safari.
- Nel Inserisci l'URL casella, digitare o copiare e incollare l'URL della pagina Web per la quale si desidera rivelare il codice sorgente HTML.
- Clicca il Visualizzazione pulsante per visualizzare l'origine della pagina sul browser Safari per iPhone/iPad.
Conclusione
Quindi, ora conosci tutti i trucchi per visualizzare il sorgente della pagina su dispositivi iPhone e iPad. Hai scoperto alcuni metodi nativi e non nativi in questo articolo. Puoi semplicemente attenersi ai trucchi nativi su iPad o iPhone per visualizzare il codice sorgente HTML delle pagine Web o utilizzare app che semplificano notevolmente l'attività.
Fammi sapere quale metodo ti è piaciuto lasciando un commento qui sotto. Inoltre, condividi l'articolo sui social media e WhatsApp per aiutare i tuoi amici che stanno imparando lo sviluppo di siti Web e la codifica di app.
Prossimo, Come imparare Swift su Mac e iPad.