| Dateityp | APK |
|---|---|
| Ausführung | 1.3 |
| Herausgeber | David Pertiller |
| Veröffentlichungsdatum | 12.01.2020 |
| Datum hinzugefügt | 12.01.2020 |
| Os Anforderungen | Android |
| Bedarf | Requires Android 4.4 and up |
| Downloads insgesamt | 0 |
| Preis | Free |
Beschreibung
Debugging für Webentwickler und Webdesigner
Notiz
Diese App wurde für Webentwickler entwickelt, die darauf abzielen, Android-Benutzern die beste Benutzererfahrung ihrer Web-App zu bieten. Wenn Sie kein Webentwickler oder Webdesigner sind oder missverstanden haben, worum es hier geht, dann ist diese App wahrscheinlich nicht das, wonach Sie suchen ;)
Also, was ist es?
Nur ein debugfähiges WebView, mit dem Sie die Entwicklertools von Chrome (die auf Ihrem PC oder Mac ausgeführt werden) verwenden können, um Ihre Webanwendung zu überprüfen und zu debuggen, während sie auf Ihrem tatsächlichen Gerät ausgeführt wird.
Was nützt es?
Wenn Sie jemals Ihre Website im Android Stock Browser geöffnet haben und auf eines der folgenden Probleme gestoßen sind, könnte sich diese App für Sie als nützlich erweisen:
Das Layout oder der Stil Ihrer Website erscheint fehlerhaft, wenn sie im Android Stock Browser angezeigt wird
Ihr JavaScript-Code hat nicht das erwartete Ergebnis geliefert oder die Berechnung muss während der Ausführung plötzlich gestoppt worden sein (vielleicht wurde eine Ausnahme ausgelöst?)
Animationen sind verzögert oder werden einfach nicht wie erwartet animiert
Beschreibung
Es kommt manchmal vor, dass eine Web-App auf mobilen Browsern nicht funktioniert, obwohl sie auf Desktop-Browsern einwandfrei funktioniert. Schlimmer noch, manchmal treten Fehler nur auf (bestimmten) Mobilgeräten auf, sodass Sie sie nicht in einem Desktop-Browser simulieren und reproduzieren können. Hier erweist sich das Remote-Debugging mit den DevTools von Chrome als nützlich. Während Chrome für Android dies bereits perfekt unterstützt, tut dies der Android Stock Browser nicht. Das ist bedauerlich, da viele Android-Fehler sowieso nur im Stock-Browser und nicht in Chrome auftreten.
Mit dieser App können Sie also Websites im nativen Browser (WebView) ausführen und gleichzeitig die Seite mit den Chrome DevTools untersuchen und debuggen.
Wie starte ich das Remote-Debugging?
1. Aktivieren Sie den Entwicklermodus auf Ihrem Android-Gerät und verbinden Sie es mit Ihrem PC/Mac
2. Öffnen Sie diese App und navigieren Sie zu Ihrer Website, indem Sie ihre URL eingeben
3. Öffnen Sie auf Ihrem PC/Mac Chrome und geben Sie „chrome://inspect“ in die Adressleiste ein
4. Aktivieren Sie in Chrome „USB-Geräte erkennen“ und es wird die Webseite aufgelistet, die Sie auf Ihrem Gerät geöffnet haben
5. Klicken Sie auf „Inspizieren“ und genießen Sie das Remote-Debuggen der App mit den Chrome-Entwicklertools
Weitere Informationen finden Sie unter: https://www.pertiller.tech/blog/remote-debugging-the-android-native-browser
