it-swarm.com.de

So debuggen Sie JavaScript-Code mit mobilen Browsern

Ich kenne Firebug und die Entwicklertools für die großen modernen Desktop-Browser, aber ich finde keinen Weg, JavaScript-Code in mobilen Browsern zu debuggen.

Welche High-Level-Techniken kann ich zum Debuggen von Code in mobilen Browsern verwenden?

50
chnxster
1
Hermann Schwarz

Android-Geräte können in den Entwicklermodus versetzt werden, indem Sie Einstellungen> Telefonstatus durchgehen und dann sieben Mal auf "Build-Nummer" tippen. Auf diese Weise können Sie eine Reihe von Dingen (siehe Schritt 5) } einschließlich USB-Debugging ausführen. (Einige Geräte verfügen möglicherweise über eine Build-Nummer unter Software-Informationen.)

Um das USB-Debugging zu aktivieren, suchen Sie in den Einstellungen nach den neu erscheinenden "{} Entwickleroptionen", öffnen Sie diese und aktivieren Sie das USB-Debugging. Verbinden Sie Ihr Gerät über eine direkte USB-Verbindung.

Suchen Sie in Chrome auf Ihrem Desktop im üblichen Fenster der Entwicklertools, das zum Debuggen verwendet wird, nach weiteren Tools> Remote-Geräten. Wenn Sie die Option USB-Geräte erkennen ausgewählt haben, sollten Sie jetzt Ihr Mobilgerät auf der Seite sehen. 

Wählen Sie diese Option aus, um eine Liste aller von Ihnen geöffneten Chrome-Registerkarten anzuzeigen und URLs direkt einzugeben.

Wenn Sie einen der Links auswählen, wird ein neues Fenster mit einem Spiegel Ihres Gerätebildschirms auf der linken Seite und allen bekannten Chrome-Debugging-Werkzeugen auf der rechten Seite geöffnet. Sie können Ihr Gerät weiterhin direkt steuern oder die Maus auf dem gespiegelten Bildschirm verwenden. Es dreht sich sogar.

vollständige Details beim Remote-Debugging von Google und Aktivieren des Entwicklermodus (Link wie oben) von askvg.com

1
franki

Sie können auf Safari Mobile mit jedem iPhone/iPad debuggen. Im Developer-Menü können Sie Ihr Gerät finden und anschließend mit inspector Ihren Code debuggen.

Wenn Sie stattdessen über ein Android-Gerät verfügen, können Sie das Debugging auf Chrome Desktop durchführen (denken Sie daran, den Debug-Modus zu aktivieren) mit chrome://inspect.

1

Auf dem IPhone können Sie unter Einstellungen> Safari> Erweitert den Web-Inspector aktivieren

0
The DibMaster