Debuggable Browser

David Pertiller

Informazioni sull'app

Che cos'è?
Solo un WebView abilitato al debug, che ti consente di utilizzare Strumenti per sviluppatori di Chrome (in esecuzione sul tuo PC o Mac) per ispezionare ed eseguire il debug dell'app Web mentre è in esecuzione sul tuo dispositivo reale .

Destinato solo agli sviluppatori web e ai web designer
Questa app è stata sviluppata per gli sviluppatori Web che mirano a offrire agli utenti Android la migliore esperienza utente della loro app Web. Se non sei uno sviluppatore web o un web designer interessato al debug delle app Web, probabilmente stai meglio con un normale browser;)


A che cosa serve?
Se hai mai aperto il tuo sito Web nel browser stock di Android e riscontrato uno dei seguenti problemi, questa app potrebbe esserti utile:
& # 8226; & # 8195; Il layout o stile del tuo sito web appare rotto quando visualizzato nel browser stock di Android
& # 8226; & # 8195; Il tuo codice JavaScript non ha prodotto il risultato previsto o il calcolo deve essere stato interrotto improvvisamente durante l'esecuzione (forse è stata generata un'eccezione ?)
& # 8226; & # 8195; Animazioni sono in ritardo o semplicemente non si animano come previsto

Descrizione
A volte capita che un'app Web non funzioni sui browser mobili, anche se funziona bene sui browser desktop. Ancora peggio, a volte i difetti si verificano solo su (alcuni) dispositivi mobili, quindi non è possibile simularli e riprodurli su un browser desktop. È qui che il debug remoto con DevTools di Chrome si rivela utile. Mentre Chrome per Android lo supporta già perfettamente, il browser stock di Android no. Questo è un peccato, dal momento che molti bug Android sembrano verificarsi solo sul browser di serie e non su Chrome.
Quindi questa app ti consente di eseguire siti Web all'interno del browser nativo (WebView), dandoti la possibilità di ispezionare ed eseguire il debug della pagina con Chrome DevTools.

Come avviare il debug remoto?
1. Abilita la modalità sviluppatore sul tuo dispositivo Android e collegala al tuo PC / Mac
2. Apri questa app e vai al tuo sito web inserendo il suo URL
3. Sul tuo PC / Mac, apri Chrome e digita "chrome: // inspect" nella barra degli indirizzi
4. In Chrome, seleziona "Scopri dispositivi USB" per elencare la pagina web che hai aperto sul tuo dispositivo
5. Hit inspect e goditi il ​​debug remoto dell'app con gli Strumenti per sviluppatori di Chrome

Per maggiori informazioni, leggi: https://www.pertiller.tech/blog/remote-debugging-the-android-native-browser

Novità

Integrated your feedback

- It's been exactly 1 year since the last release and I noticed that this app led to some confusion for a lot of people that misunderstood its use-case: it's built for web developers who want to optimize their web app with the power of Chrome's dev tools while running the page on an actual Android device (see updated notes).
- Besides, I got some lovely suggestions. So now you can start the app as intent from another app to start debugging a weblink right away!