Remote-Debugging mit Dart

8

Die Motivation für diese Frage ist, dass ich ungefähr zwei Stunden gebraucht habe, um herauszufinden, was ich falsch mache. Wie kann ich meine Dart-Webapp Remote debuggen (funktioniert möglicherweise auch für andere lokale Websites) auf meinem Android-Handy oder Emulator?

    
lucidbrot 26.06.2015, 17:58
quelle

1 Antwort

8

Auf dem Smartphone:

  1. Aktivieren Sie USB-Debugging auf dem Telefon. Sie finden es in den "Developer Settings", die auf Android 5.0 versteckt sind. Wenn Sie Android 5 haben, gehen Sie zu den Geräteinformationen und tippen Sie auf die Build-Nummer, bis etwas passiert. Wenn diese Anweisungen zu unklar sind, sollte dieser Link helfen.

  2. Stellen Sie sicher, dass Ihr Server läuft: P

  3. Schließen Sie das Telefon per USB an Ihren PC an und warten Sie, bis die Treiber installiert sind - alias Windowsexplorer zeigt Ihnen ein Popup an, in dem Sie gefragt werden, was mit dem Telefon geschehen soll. Sie können das ablehnen.

  4. Öffnen Sie Chrome auf Ihrem Android-Telefon

  5. Öffnen Sie das Chrom auf Ihrem Computer und navigieren Sie zu chrome://inspect

  6. Dort sollten Sie Ihr Telefon aufgelistet sehen. Wählen Sie nun den Button "Port Forwarding" und ein Popup wird ... naja ... auftauchen. Dort betrittst du im linken Feld "Port" einen Port - 8080 funktioniert gut für mich. Dies ist ein Abhörport, der am Telefon ist. Das bedeutet, nachdem Sie die Portweiterleitung eingerichtet haben, können Sie die URL localhost://8080 auf Ihrem Telefon (in Chrome) öffnen, um zu Ihrer Website zu navigieren. Ihre Website können Sie im rechten Feld "ip and Port" angeben. Für die Chrome-Erweiterung "Chrome Dev Editor" gebe ich http://192.168.0.6:51792/ ein, welches die IP, den Port und den Pfad auf meinem Server ist. Chrome Dev Editor teilt Ihnen mit, was Sie dort eingeben können, wenn Sie mit der rechten Maustaste auf Ihr Haupt-dart klicken und die Option zum Bereitstellen auf Telefon auswählen.

  7. Wählen Sie "Fertig" und navigieren Sie mit Ihrem Telefon zum URI - das wäre localhost:8080/MyNewDartTry/web/index.html , wenn Sie meinem Beispiel gefolgt wären. Aber ich glaube, du könntest auch in das Port-Weiterleitungs-Popup die ganze Adresse eingeben und dann nur localhost:8080 auf deinem Handy öffnen. Der localhost: 8080 wird dem von Ihnen eingegebenen Link zugeordnet.

  8. Sobald Sie Chrome auf Ihrem Desktop oder Ihrem Telefon schließen, wird der Port-Forward gestoppt.

Mit dem Emulator

  1. Starten Sie Ihren Emulator

  2. finde den Port deines Servers. z.B. 54321

  3. Öffnen Sie den Browser in Ihrem Emulator und geben Sie 10.0.2.2:54321/MyNewDartTry/web/index.html (oder was folgt nach Ihren Schrägstrichen, aber stellen Sie sicher, dass die IP ist 10.0.2.2 - das bezieht sich auf Ihren Computer, auf dem der Emulator läuft

Hoffe das hilft jedem

BEARBEITEN: Wenn chrome Ihr Gerät nicht findet, obwohl das Telefon auch Chrome geöffnet hat und Sie alle Schritte befolgt haben, überlegen Sie sich Antwort von Emmanuel Malacarne .

  

C: \ Benutzer \ IHR_BENUTZERNAME \ AppData \ Local \ Android \ sdk \ plattform-tools & amp; & amp; C:   &Ampere; adb.exe kill-server & amp; adb.exe start-server "Das Verzeichnis ist abhängig von   Ihre Installation Ihres ADT.

    
lucidbrot 26.06.2015, 17:58
quelle

Tags und Links