TechBlogSD - Tutto per WordPress e sviluppo WEB
Istruzioni WEB e WordPress, notizie, recensioni di temi e plugin

Come visualizzare il codice sorgente delle pagine Web in Safari iPhone su Mac?

84

Sui computer desktop, puoi utilizzare la console per sviluppatori sui browser per controllare il codice sorgente dei siti web. Questo è un compito molto semplice quando si utilizza il browser Google Chrome sia su MacBook che su PC basati su Windows. Tuttavia, la visualizzazione del codice sorgente è un processo lungo quando si utilizza il browser Safari su MacBook. E questa è una sorta di funzione nascosta con Safari sul tuo iPhone. Se ti sei mai chiesto di guardare il codice sorgente delle pagine Web in Safari sul tuo iPhone, ecco come puoi farlo.

Posso visualizzare il codice sorgente delle pagine Web in Safari iPhone?

La risposta è no. Non puoi visualizzare il codice sorgente delle pagine web direttamente sul tuo iPhone. Inoltre, non ha senso eseguire tale analisi con dispositivi a schermo piccolo. Tuttavia, Apple ti consente di visualizzare il codice sorgente delle pagine Web mobili e di eseguire tutte le operazioni relative alla Developer Console dal tuo Mac.

Quello di cui hai bisogno?

Hai bisogno delle seguenti cose per visualizzare il codice sorgente delle pagine web di iPhone Safari sul tuo Mac?

  • Il tuo iPhone con l’ultima versione di iOS
  • Cavo connettore Lightning
  • Il tuo computer Mac o laptop

Come visualizzare il codice sorgente delle pagine Web in Safari iPhone?

Segui i passaggi seguenti per visualizzare il codice sorgente delle pagine web in Safari iPhone sul tuo Mac.

  • Aggiungi il menu "Sviluppo" in Mac Safari
  • Abilita "Ispettore Web" in Safari iPhone
  • Collega l’iPhone al Mac
  • Visualizza la sorgente e ispeziona gli elementi

Passaggio 1: aggiungi il menu Sviluppo in Safari Mac

Il browser Safari su Mac per impostazione predefinita non mostra la console dello sviluppatore e l’opzione di ispezione dell’elemento. È necessario abilitare manualmente il menu "Sviluppo" per abilitare la console per sviluppatori in Safari.

  • Avvia Safari e vai alla sezione “Safari > Preferenze…".
  • Vai alla scheda "Avanzate" e abilita l’opzione "Mostra menu Sviluppo nella barra dei menu".

Come visualizzare il codice sorgente delle pagine Web in Safari iPhone su Mac?

Mostra il menu Sviluppo nella barra dei menu di Safari

Scopri di più su come aggiungere il menu "Sviluppo" in Safari ed eseguire i test di reattività del sito web.

Passaggio 2: abilitare Web Inspector in Safari iPhone

Simile all’abilitazione del menu "Sviluppo" in Safari Mac, è necessaria anche un’opzione chiamata "Ispettore Web" in Safari iPhone.

  • Tocca l’app "Impostazioni" e vai alla pagina delle impostazioni "Safari" sul tuo iPhone.
  • Scorri verso il basso e tocca l’opzione "Avanzate".
  • Nella schermata successiva, puoi abilitare l’opzione "Web Inspector".

Come visualizzare il codice sorgente delle pagine Web in Safari iPhone su Mac?

Abilita Web Inspector in Safari iPhone

Passaggio 3: collega l’iPhone al Mac

Ora che hai configurato il tuo iPhone e Mac. Il prossimo passo è connettere l’iPhone al tuo Mac. Se disponi di iPhone 11 o modelli liver, usa il cavo USB Lightning per collegare il telefono al Mac. Tuttavia, gli ultimi modelli di iPhone 11 Pro sono dotati di connettore USB Type-C invece del cavo connettore USB Lightning. In tal caso, puoi utilizzare i vecchi cavi USB o hai bisogno di un convertitore aggiuntivo per collegare il cavo Type-C alla porta USB del tuo MacBook.

Se questa è la prima volta che colleghi il tuo iPhone, scegli di "Fidare" del dispositivo inserendo il tuo passcode.

Come visualizzare il codice sorgente delle pagine Web in Safari iPhone su Mac?

Fidati di Mac

Passaggio 4: visualizzare il codice sorgente

Avvia il browser Safari su iPhone e apri il sito Web di cui desideri visualizzare il codice sorgente e ispezionare gli elementi.

  • Vai al tuo Mac e avvia il browser Safari. Passa a "Sviluppo > Nome del tuo iPhone" per visualizzare le pagine web che hai aperto sul tuo telefono.

Come visualizzare il codice sorgente delle pagine Web in Safari iPhone su Mac?

Apri la pagina Web di iPhone in Safari Web Inspector

  • Fare clic sul sito Web per aprire "Web Inspector" che mostrerà il codice sorgente della pagina Web aperta in Safari iPhone.

Come visualizzare il codice sorgente delle pagine Web in Safari iPhone su Mac?

Safari Web Inspector su Mac

  • Puoi visualizzare gli elementi, controllare le fonti e fare tutti i tipi di analisi che puoi fare con Chrome Developer Tools.
  • Puoi selezionare gli elementi in Web Inspector per visualizzare il codice sorgente e l’elemento corrispondente verrà evidenziato sul tuo iPhone Safari.

Come visualizzare il codice sorgente delle pagine Web in Safari iPhone su Mac?

Evidenziare gli elementi della pagina Web in Safari iPhone

Parole finali

Tieni presente che puoi anche eseguire l’analisi del sito reattivo su Safari Mac. Tuttavia, la selezione di elementi rilevanti per i dispositivi mobili potrebbe essere difficile in modalità di progettazione reattiva e il Mac potrebbe non essere il tuo modello di iPhone per impostazione predefinita. Pertanto, l’utilizzo di Web Inspector per ispezionare gli elementi è un metodo efficace per ottenere direttamente il codice sorgente dell’elemento pertinente.

Fonte di registrazione: www.webnots.com
Lascia una risposta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More