So debuggen Sie Uniapp auf einem Android-Telefon

Mit der Popularität des mobilen Internets steigt die Nachfrage nach der Entwicklung mobiler Anwendungen. Aber während des Entwicklungsprozesses müssen wir oft auf verschiedenen mobilen Plattformen debuggen. Angesichts dieser Situation ist Uniapp entstanden, wie es die Zeit erfordert. Dieses Framework ermöglicht es Entwicklern, schnell effiziente, plattformübergreifende Anwendungen zu entwickeln. Da verschiedene Plattformen jedoch unterschiedliche Debugging-Methoden haben, sind viele Entwickler immer noch etwas verwirrt. Dieser Artikel konzentriert sich auf das Debuggen von Uniapp auf Android-Telefonen.

1. Verwenden Sie Chrome für das Weinre-Debugging

Weinre ist ein Tool für das Remote-Debugging auf Mobilgeräten, das das Debugging-Problem mobiler Geräte während der Entwicklung gut lösen kann. Mit Weinre können wir Webanwendungen auf Android-Geräten in einem Remote-Browser debuggen, ohne die Anwendung lokal auf dem Computer installieren zu müssen. Hier sind die spezifischen Schritte:

1. Node.js installieren
   Zuerst müssen wir Node.js installieren, um uns auf die Verwendung von Weinre vorzubereiten.

2. Weinre installieren
   Bevor wir Weinre installieren, müssen wir zuerst ein Terminal oder ein Befehlszeilentool öffnen und dann den folgenden Befehl ausführen.

   npm -g install weinre

3. Weinre starten
   Als nächstes müssen wir Weinre starten. Öffnen Sie das Befehlszeilentool und geben Sie den folgenden Befehl ein, um den Weinre-Server zu starten.

weinre --httpPort 8080 --boundHost -all-

Darunter kann die Portnummer angepasst werden, hier geben wir die Portnummer als 8080 an.

4. Fügen Sie das Weinre-Skript in die Seite ein.
   Fügen Sie den folgenden Skriptcode am Kopf der Seite ein. Die IP-Adresse muss mit Ihrer lokalen IP-Adresse ausgefüllt werden.

<script></script>

5. Gerät anschließen
   Als nächstes müssen wir den Chrome-Browser auf dem Telefon öffnen und die folgende Adresse eingeben: http://your-ip:8080/client/#anonymous. Unter anderem muss Ihre IP die gerade erwähnte lokale IP-Adresse eingeben. An diesem Punkt sehen wir die folgende Seite in Chrome.

[](https://img.php.cn/upload/article/000/000/068/168197743152266.png)

Klicken Sie auf die Schaltfläche „Debuggen“, um eine Verbindung zum Gerät herzustellen und ein Remote-Debugging durchzuführen.

2. Verwenden Sie Chrome DevTools zum Debuggen

Zusätzlich zu Weinre können wir auch Chrome DevTools zum Debuggen von Uniapp verwenden. Die spezifischen Schritte sind wie folgt:

1. Entwickleroptionen des Telefons aktivieren
   Zuerst müssen wir in den „Einstellungen“ des Android-Telefons nach „Über das Telefon“ suchen und sieben Mal hintereinander auf „Build-Nummer“ klicken, um es umzudrehen auf den „Entwickleroptionen“.
2. USB-Debugging aktivieren
   Nachdem wir die Entwickleroptionen aktiviert haben, müssen wir darin „USB-Debugging“ finden und es aktivieren.
3. Schließen Sie das Gerät an
   Als nächstes müssen wir das Telefon über ein USB-Kabel mit dem Computer verbinden und den Chrome-Browser öffnen.
4. Chrome DevTools aktivieren
   Geben Sie die folgende Adresse in Chrome ein: chrome://inspect/#devices . Als nächstes sehen wir die folgende Seite in Chrome.

[](https://img.php.cn/upload/article/000/000/068/168197743518848.png)

Klicken Sie auf die Schaltfläche „Inspizieren“, um Chrome DevTools zu öffnen und Anwendungen auf Ihrem Telefonprogramm zu debuggen .

Zusammenfassung:

In diesem Artikel werden zwei Möglichkeiten zum Remote-Debuggen von Uniapp auf Android-Telefonen vorgestellt, einschließlich der Verwendung von Weinre und Chrome DevTools. Beide Methoden sind sehr einfach und benutzerfreundlich und für alle Arten von Entwicklern geeignet. Im eigentlichen Entwicklungsprozess können wir diese Methoden auch zum Debuggen entsprechend der tatsächlichen Situation verwenden, um die Entwicklungseffizienz zu verbessern.

Das obige ist der detaillierte Inhalt vonSo debuggen Sie Uniapp auf einem Android-Telefon. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!