Come Usare Web Inspector su un iPhone: 15 Passaggi (con Immagini)

Sommario:

Come Usare Web Inspector su un iPhone: 15 Passaggi (con Immagini)
Come Usare Web Inspector su un iPhone: 15 Passaggi (con Immagini)

Video: Come Usare Web Inspector su un iPhone: 15 Passaggi (con Immagini)

Video: Come Usare Web Inspector su un iPhone: 15 Passaggi (con Immagini)
Video: Come Trasferire i Dati da Android a iPhone 14 (2023) 2024, Marzo
Anonim

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

Usa Web Inspector su un iPhone Passaggio 1
Usa Web Inspector su un iPhone Passaggio 1

Passaggio 1. Apri le Impostazioni del tuo iPhone

È un'icona grigia che contiene ingranaggi nella schermata iniziale.

Usa Web Inspector su un iPhone Passaggio 2
Usa Web Inspector su un iPhone Passaggio 2

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.

Usa Web Inspector su un iPhone Passaggio 3
Usa Web Inspector su un iPhone Passaggio 3

Passaggio 3. Scorri verso il basso e tocca Avanzate

È in fondo al menu.

Usa Web Inspector su un iPhone Passaggio 4
Usa Web Inspector su un iPhone Passaggio 4

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

Usa Web Inspector su un iPhone Passaggio 5
Usa Web Inspector su un iPhone Passaggio 5

Passaggio 1. Apri Safari sul tuo Mac

È l'app che sembra una bussola blu.

Usa Web Inspector su un iPhone Passaggio 6
Usa Web Inspector su un iPhone Passaggio 6

Passaggio 2. Fare clic su Safari

Si trova nella barra dei menu nell'angolo in alto a sinistra dello schermo.

Usa Web Inspector su un iPhone Passaggio 7
Usa Web Inspector su un iPhone Passaggio 7

Passaggio 3. Fare clic su Preferenze

Usa Web Inspector su un iPhone Passaggio 8
Usa Web Inspector su un iPhone Passaggio 8

Passaggio 4. Fare clic su ⚙️Avanzate

È la scheda più a destra nella parte superiore della finestra.

Usa Web Inspector su un iPhone Passaggio 9
Usa Web Inspector su un iPhone Passaggio 9

Passaggio 5. Seleziona "Mostra menu Sviluppo nella barra dei menu

" È in fondo alla finestra.

Usa Web Inspector su un iPhone Passaggio 10
Usa Web Inspector su un iPhone Passaggio 10

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

Usa Web Inspector su un iPhone Passaggio 11
Usa Web Inspector su un iPhone Passaggio 11

Passaggio 1. Aprire un sito web

Su Safari per iPhone, apri la pagina web per dispositivi mobili di cui desideri eseguire il debug.

Usa Web Inspector su un iPhone Passaggio 12
Usa Web Inspector su un iPhone Passaggio 12

Passaggio 2. Fare clic su Sviluppa

È il terzo menu a discesa da destra su Safari per Mac.

Usa Web Inspector su un iPhone Passaggio 13
Usa Web Inspector su un iPhone Passaggio 13

Passaggio 3. Fai clic sul tuo iPhone

Verrà elencato nella parte superiore del menu.

Usa Web Inspector su un iPhone Passaggio 14
Usa Web Inspector su un iPhone Passaggio 14

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"

Usa Web Inspector su un iPhone Passaggio 15
Usa Web Inspector su un iPhone Passaggio 15

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.

Consigliato: