Come utilizzare la console di debug dell'app

Se sei uno sviluppatore web, probabilmente conosci gli strumenti di sviluppo del browser:

È probabilmente lo strumento più importante per il debug degli errori sul tuo sito web.

Le applicazioni create con webtoapp.design di solito funzionano perfettamente, almeno si comportano in modo quasi identico a come il tuo sito web si comporta in Chrome su Android e Safari su iOS. Quindi, se il tuo sito web funziona bene, non dovresti incontrare troppi problemi.

Tuttavia, a volte potresti sentire il bisogno di indagare su un comportamento inaspettato della tua applicazione. In questi casi, puoi aprire la console integrata della tua applicazione.

Come aprire la console

L'apertura della console è volutamente nascosta, per evitare che gli utenti abituali dell'app la aprano per sbaglio e si confondano. Ma anche se ci si imbattono, possono semplicemente chiudere e riaprire l'app per liberarsene.

Aprire la console dalla schermata delle impostazioni

1. Inizia aprendo le impostazioni della tua applicazione.
2. Clicca sulla scheda "Informazioni".
3. Tocca due volte l'immagine piccola nella finestra di dialogo per aprire la console per sviluppatori.
4. Ora puoi chiudere la finestra di dialogo e le impostazioni e utilizzare la console mentre navighi nella tua applicazione.

Aprire la console dalla finestra di dialogo di segnalazione degli errori

Se la tua applicazione non ha modo di accedere alle impostazioni, puoi anche aprire la console attraverso la finestra di dialogo delle informazioni diagnostiche:

1. Apri la finestra di dialogo per la segnalazione degli errori scuotendo il dispositivo.
2. Tocca due volte il titolo della finestra di dialogo.
3. Ora puoi chiudere la finestra di dialogo e utilizzare la console mentre navighi nella tua applicazione.

Caratteristiche della console dell'app

Apri l'URL

Apri qualsiasi sito web inserendo l'URL nella finestra di dialogo. Questo può essere utile per navigare verso pagine di prova segrete (non c'è un link sul sito principale) o ambienti di staging che potresti avere.

Esegui JS

Questa funzione esegue qualsiasi JavaScript inserito e stampa il risultato nella console.

Aggiungi Eruda

Aggiunge un piccolo pulsante che apre la console JavaScript di Eruda per la pagina corrente che stai visualizzando. Fornisce quasi tutte le funzioni che conosci dalla console del browser sul tuo computer, ad esempio l'esplorazione degli elementi dell'albero DOM. Puoi leggere di più su Eruda nel suo progetto GitHub.

Registro delle copie

Poiché i messaggi registrati possono essere un po' difficili da leggere e analizzare, puoi usare questo pulsante per copiare tutto il testo registrato in modo da poterlo incollare dove vuoi. Ad esempio, potresti inviarlo al tuo computer dove potresti disporre di un editor di testo migliore.