Eseguire il debug di iOS Safari dal vostro Mac

Safari> Avanzato e passa a Web Inspector. Sul vostro Mac, aprite Safari e andate su Safari> Preferenze> Avanzate e spuntate Mostra menu Sviluppa nella barra dei menu. Collegare il dispositivo iOS al Mac con il cavo USB. Sul tuo Mac, riavvia Safari. Sul dispositivo iOS, aprire il sito web che si desidera eseguire il debug. Sul tuo Mac, apri Safari e vai al menu Sviluppa. Ora vedrete il dispositivo iOS che avete collegato al vostro Mac. NOTA: Se non avete nessuna pagina web aperta sul vostro dispositivo iOS, vedrete un messaggio che dice “No Inspectable Applications”. Connessione del debugger Una volta connesso al dispositivo iOS dal Mac, potete facilmente eseguire il debug del vostro sito web, proprio come fareste se steste testando un sito web a livello locale. NOTA: Le seguenti istruzioni descrivono il funzionamento con un iPhone, ma funzionano altrettanto bene anche con un iPad o iPod. Sul vostro iPhone, aprite il sito web che volete eseguire il debug; nel nostro caso, www.busbud.com Sul vostro Mac, in Safari, andate su Sviluppare> iPhone> www.busbud.com. Questo aprirà una finestra Safari Web Inspector sul vostro Mac. Sulla finestra Safari Web Inspector del tuo Mac, accendi la scheda debugger, spunta il Breakpoint per tutte le eccezioni. Sul vostro iPhone, interagite con il vostro sito web, e sulla finestra Safari Web Inspector del vostro Mac, riprendete l’esecuzione degli script e ispezionate le variabili fino a trovare il codice buggy che stavate cercando. Poi correggetelo ⚡️. Buon debugging! Mike Gradek Sapsbus CTO e Co-Founder Source: Sapsbus engineering “>

Quando stavamo testando l’implementazione di Apple Pay sui nostri iPhone, abbiamo trovato alcuni problemi che richiedevano un debugger adeguato. Questo post descrive come impostarne uno, collegato al telefono in modo da poter capire cosa è andato storto.

Impostazione

Sulle versioni recenti di iOS (v6 e superiori), Apple offre un debugger remoto per il browser web Safari di iPhone, iPod o iPad.

Ecco come si imposta

  1. Sul vostro iPad, iPhone o iPod, andate su Impostazioni; Safari; Avanzate e attivate la funzione Web Inspector.
  2. Sul vostro Mac, aprite Safari e andate su Safari; Preferenze; Avanzate poi spuntate Mostra menu Sviluppa nella barra dei menu.
  3. Collegare il dispositivo iOS al Mac con il cavo USB.
  4. Sul Mac, riavviare Safari .
  5. Sul vostro dispositivo iOS, aprite il sito web che volete debuggare.
  6. Sul tuo Mac, apri Safari e vai al menu Sviluppa . Ora vedrete il dispositivo iOS che avete collegato al vostro Mac.

NOTA: Se non avete nessuna pagina web aperta sul vostro dispositivo iOS, vedrete un messaggio che dice “No Inspectable Applications”.

Collegamento del debugger

Una volta connessi al vostro dispositivo iOS dal vostro Mac, potete facilmente eseguire il debug del vostro sito web, proprio come fareste se steste testando un sito web a livello locale.

NOTA: Le seguenti istruzioni descrivono il lavoro con un iPhone, ma funzionano altrettanto bene anche con un iPad o iPod.

  1. Sul vostro iPhone, aprite il sito web che volete eseguire il debug; nel nostro caso, www.busbud.com
  2. Sul vostro Mac, in Safari, andate su Sviluppate; iPhone; www.busbud.com . Questo aprirà una finestra Safari Web Inspector sul vostro Mac.
    .
  3. Sulla finestra del vostro Mac Safari Web Inspector, accendete la scheda debugger, spuntate il Breakpoint per tutte le eccezioni.

  4. Sul vostro iPhone, interagite con il vostro sito web, e sulla finestra del vostro Mac Safari Web Inspector, riprendete l’esecuzione degli script e ispezionate le variabili fino a trovare il bit di codice buggy che stavate cercando. Poi correggetelo .

Buon debugging!

Mike Gradek

Sapsbus CTO e co-fondatore

Fonte: Sapsbus engineering

Lascia un commento