Debuggable Browser

Diese Browser können Sie überprüfen und zu debuggen jede Web-Seite mit Chrome DevTools

Was ist das?

Nur ein Debug-fähiges WebView, mit dem Sie die Chrome-Entwicklertools (die auf Ihrem PC oder Mac ausgeführt werden) verwenden können, um Ihre Web-App zu überprüfen und zu debuggen, während sie auf Ihrem tatsächlichen Gerät ausgeführt wird .

Nur für Webentwickler und Webdesigner

Diese App wurde für Webentwickler entwickelt, die Android-Benutzern die bestmögliche Benutzererfahrung ihrer Web-App bieten möchten. Wenn Sie kein Webentwickler oder Webdesigner sind, der am Debuggen von Web-Apps interessiert ist, sind Sie mit einem normalen Browser wahrscheinlich besser dran;)

Wozu dient es?

Wenn Sie Ihre Website jemals im Android-Aktienbrowser geöffnet haben und auf eines der folgenden Probleme gestoßen sind, kann sich diese App für Sie als nützlich erweisen:

& # 8226; & # 8195; Das Layout oder Styling Ihrer Website erscheint fehlerhaft, wenn es im Android-Aktienbrowser angezeigt wird

& # 8226; & # 8195; Ihr JavaScript -Code hat nicht das erwartete Ergebnis erzeugt, oder die Berechnung muss während der Ausführung plötzlich gestoppt worden sein (möglicherweise wurde eine Ausnahme ausgelöst?)

& # 8226; & # 8195; Animationen sind verzögert oder werden einfach nicht wie erwartet animiert

Beschreibung

Es kommt manchmal vor, dass eine Web-App in mobilen Browsern nicht funktioniert, obwohl sie in 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-Aktienbrowser nicht. Dies ist bedauerlich, da viele Android-Fehler nur im Standardbrowser und nicht in Chrome auftreten.

Mit dieser App können Sie Websites im nativen Browser (WebView) ausführen und haben gleichzeitig die Möglichkeit dazu Überprüfen und debuggen Sie die Seite mit den Chrome DevTools.

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 deren 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 Developer Tools

Weitere Informationen finden Sie unter: https://www.pertiller.tech/blog/remote-debugging-the-android-native-browser