Questo articolo spiega come utilizzare l'app Safari per desktop di Apple per controllare le prestazioni delle pagine web per dispositivi mobili in Safari per iPhone.
Passi
Parte 1 di 3: abilitare Web Inspector sul tuo iPhone
Passaggio 1. Apri le Impostazioni del tuo iPhone
È un'icona grigia che contiene ingranaggi nella schermata iniziale.
Passaggio 2. Scorri verso il basso e tocca Safari
È nel quarto o quinto gruppo di impostazioni, insieme ad altre app per iPhone di Apple, come Mail e Contatti.
Passaggio 3. Scorri verso il basso e tocca Avanzate
È in fondo al menu.
Passaggio 4. Fai scorrere il pulsante accanto a "Web Inspector" nella posizione "On"
È l'ultima opzione e diventerà verde quando abilitata.
Parte 2 di 3: abilitazione di Web Inspector sul tuo Mac
Passaggio 1. Apri Safari sul tuo Mac
È l'app che sembra una bussola blu.
Passaggio 2. Fare clic su Safari
Si trova nella barra dei menu nell'angolo in alto a sinistra dello schermo.
Passaggio 3. Fare clic su Preferenze
Passaggio 4. Fare clic su ⚙️Avanzate
È la scheda più a destra nella parte superiore della finestra.
Passaggio 5. Seleziona "Mostra menu Sviluppo nella barra dei menu
" È in fondo alla finestra.
Passaggio 6. Collega il tuo iPhone
Usa il cavo USB in dotazione con il tuo dispositivo per collegare il tuo iPhone al Mac.
Parte 3 di 3: utilizzo di Web Inspector su Safari per iPhone
Passaggio 1. Aprire un sito web
Su Safari per iPhone, apri la pagina web per dispositivi mobili di cui desideri eseguire il debug.
Passaggio 2. Fare clic su Sviluppa
È il terzo menu a discesa da destra su Safari per Mac.
Passaggio 3. Fai clic sul tuo iPhone
Verrà elencato nella parte superiore del menu.
Passaggio 4. Fare clic sul sito web
Appare in un pop-up a destra del tuo iPhone.
Se non hai aperto un sito web sull'app Safari del tuo iPhone, vedrai il messaggio "Nessuna applicazione ispezionabile"
Passaggio 5. Ispezionare la pagina
Utilizzando Safari sul tuo Mac, puoi migliorare e misurare le prestazioni delle pagine mobili sul tuo iPhone.
- Web Inspector ti consente di eseguire comandi in JavaScript per creare un'esperienza più dinamica e interattiva per l'utente, come animazioni e messaggi in tempo reale.
- Ispeziona gli elementi DOM (Document Object Model) alla ricerca di errori nei comandi HTML, XML o JavaScript.
- Usa CSS per aggiornare o modificare il layout, i colori e i caratteri sulle pagine mobili.