Wie kann ich ein Inspektionselement in Chrome auf meinem Galaxy S3 Android-Gerät durchführen?Wie kann ich ein inspect-Element in Chrome auf meinem Galaxy S3 Android-Gerät durchführen?
Ich habe ein paar Handbücher online versucht, eine sagen, dieses Android SDK-Ding zu verwenden, adb vorwärts tcp: 9222 localabstract: chrome_devtools_remote, aber alles, was sagt, ist "error: device not found".
Wer hat irgendwelche Ideen, wie man das macht?
für Remote-Debugging auf Android mit Chrome: versuchen, diese https://developer.chrome.com/devtools/docs/remote-debugging
Ich konnte das nie erreichen, aber stattdessen verwendete HTML-Quell-Apps im Play Store, um einfach nach dem Element zu suchen.
Update: 8-20-2015
Bitte beachten Sie die Anweisungen geändert haben, seit diese Frage 2 Jahre vor gefragt wurde.
Also auf neuere Versionen von Android und Chrome für Android. Sie müssen das verwenden.
https://developers.google.com/web/tools/setup/remote-debugging/remote-debugging?hl=en
Ursprüngliche Antwort:
Ich habe die S3 und es funktioniert gut. Ich habe festgestellt, dass ein häufiger Fehler das USB-Debugging in Chrome Mobile nicht aktiviert. Sie müssen nicht nur das USB-Debugging auf dem Gerät selbst unter Entwickleroptionen aktivieren, sondern Sie müssen auch auf Ihrem Telefon zum Chrome-Browser wechseln und es dort auch in den Einstellungen aktivieren.
Versuchen Sie dies mit dem SDK
auf Ihrem Computer Port-Forwarding aktivieren, indem Sie unter
C den folgenden Befehl ausführen: \ adb vorwärts tcp: 9222 localab Stract: chrome_devtools_remote
zu http://localhost:9222 in Chrome
TroubleShooting:
Wenn Sie command not found beim Versuch ADB, stellen Sie sicher, Platform-Tools laufen in Ihrem Pfad oder verwenden Sie einfach den gesamten Pfad zu Ihrem SDK und führen Sie es
C:\path-to-SDK\platform-tools\adb forward tcp:9222 localabstract:chrome_devtools_remote
Wenn Sie "device not found" erhalten, führen Sie adb kill-server aus und versuchen Sie es erneut.
Wie diese Lösung. Arbeitete für mich, ich kann jetzt die Debugger-Optionen von Chrome Desktop zeigen. – MSaudi
Chrome für Mobilgeräte - Einstellungen> Entwicklertools> [x] USB-Webdebugging aktivieren "+1" nur für diese Anweisung. – Shouvik
diese Antwort hat mir geholfen: http://StackOverflow.com/a/24410867/1343917 –
Zunächst benötigen Sie das Android SDK, um loszulegen: http://developer.android.com/sdk/index.html ABER wählen Sie für bestehende IDE, so dass Sie die Tools als alle Android Studio erhalten.
In Chrome Beta auf Ihrem Android-Gerät wie folgt vor: USB
Menü> Einstellungen> Entwicklertools> Aktivieren USB-Debugging
die Home-Taste auf dem Gerät Hit und wählen Sie Einstellungen> Entwickleroptionen> Aktivieren Debugging
[Hinweis: Wenn Sie die Entwickleroptionen nicht sehen können, gehen Sie zu Einstellungen> Über das Gerät> Tippen Sie mehrmals auf die Build-Nummer und Sie erhalten eine Nachricht, dass Sie jetzt ein Entwickler oder etwas ähnliches sind ]
Verbinden Sie das Telefon an den Computer über USB
auf Ihrem Desktop öffnen Chrome Canary (ich glaube, stabil und Beta haben zur Zeit Probleme):
In der Adressleiste: chrome: // flags und aktivieren - „Enable Developer Tools experimentiert "und klickt auf die Relaunch-Schaltfläche, die angezeigt wird.
Nach dem Relaunch Öffnen Sie ein Terminal und führen Sie AdB-Geräte aus, nun sollte Ihr Gerät in der Liste erscheinen. Wenn es in Canary zu chrome: // inspect dort ist, wirst du dein Gerät sehen, also klicke jetzt inspect.
Dies öffnet Devtools für Ihr Chrome auf Android.
Klicken Sie nun auf das Rädchen in der Ecke, dann gehen Sie auf Experimente> Aktivieren Port Forwarding (Wenn Sie Port-Forwarding nicht sehen, könnten Sie nicht in Chrome Beta sein)
Sobald Port-Forwarding aktiviert ist, in der Nähe und offene Dev-Tools.
Gehen Sie zurück zum Zahnrad und wählen Sie Portweiterleitung, dann geben Sie den Port ein, den Sie weiterleiten möchten (dh für locahost: 9000 auf meinem lokalen Rechner würde ich 9000 [Geräteport] und 127.0.0.1:9000 [Ziel ]
es ist ein Fehler geöffnet, in dem der ersten Port ignoriert wird, so dass es in der ersten Zeile Enter zu drücken wert sein könnte und Wiedereintritt in der zweiten Zeile die gleichen Details
Sie jetzt localhost setzen.: 9000 (oder Ihre Portnummer) in Chrome für Android und die Website anzeigen und DevTools verwenden, um die Seite zu überprüfen.
Weitere Details unter Reverse Port F Bereich dieser Website orwarding: https://developers.google.com/chrome-developer-tools/docs/remote-debugging
Ich habe eine S3 und verwendet diese Anleitung von Google:
https://developers.google.com/chrome-developer-tools/docs/remote-debugging
Wirklich einfach, funktioniert einwandfrei.
Befolgen Sie hauptsächlich die Anleitung hier https://developers.google.com/chrome-developer-tools/docs/remote-debugging. Aber ...
Sie können dies jetzt ohne die Verwendung von Android SDK tun.
In der neuesten Version von Chrom (I auf 34.0.x arbeite):
chrome://inspect/Discover USB DevicesEs wird nun ein Punkt auf den chrome://inspect/ Seiten für Ihr Telefon, und Sie können inspect klicken. Entwicklungswerkzeuge werden spawnen und voila!
Denken Sie daran, dass wenn Sie das Chrom inspect in Windows, neben der Aktivierung von USB-Debugging auf Ihrem Handy verwenden möchten, sollten Sie auch den USB-Treiber für Windows installieren.
können Sie die Treiber finden Sie aus der Liste müssen hier:
http://androidxda.com/download-samsung-usb-drivers
Darüber hinaus sollten Sie eine neuere Version von Chrome Mobile als in Desktop verwenden.
Ja ich einfach die Fehlermeldung „Gerät nicht gefunden“ empfangen, wenn es direkt vor mir sitzt, eingesteckt !! Ich verstehe nicht! –
Ja, ich bin mir nicht sicher, ob du es zum Laufen bringen kannst. Ist es einfach, eine View-Source-App zu verwenden, die Ihnen hilft? – egfconnor
Ich hatte das gleiche Problem. Es wird gesagt, dass es den ADB nicht mehr benötigt, aber das ist nicht wahr, zumindest für mich. Ich musste das Terminal öffnen und "adb start-server" schreiben. Ohne ADB funktioniert es nicht. –