it-swarm.com.de

Gibt es eine Art Firebug- oder JavaScript-Konsolendebug für Android?

Ich entwickle eine Website für Handys. Es funktioniert auf dem Firefox-Desktop. Es funktioniert auf dem iPhone, aber wenn ich eine Taste auf Android 2.x (und möglicherweise niedriger) drücke. Mein JavaScript-Code stürzt ab oder was sonst ...

Kann ich für diese Geräte auf den Logger oder die JavaScript-Konsole zugreifen?

Das Bessere sollte eine Art Firebug-Anwendung sein.

67

Eine Option ist weinre . Es bietet DOM & Style-Bearbeitung zusammen mit der Konsole. Wenn Sie es nicht selbst einrichten möchten, gibt es eine Instanz, die unter http://debug.phonegap.com gehostet wird

Die andere Option ist JSHybugger . Es ist mit Sicherheit die umfassendste Debugging-Umgebung, die für den Android= Browser verfügbar ist. Es ist ein kostenpflichtiges Produkt, aber es lohnt sich wahrscheinlich.

45
Paul Beusterien

Chrome verfügt über eine sehr nützliche Funktion namens "USB-Web-Debugging", mit der Sie die Debug-Konsole des Mobilgeräts auf Ihrem PC anzeigen können, wenn eine USB-Verbindung besteht.

Siehe hier für weitere Details.

BEARBEITEN: Scheint, dass der ADB unter Windows 8 nicht unterstützt wird, aber dieser Link scheint eine Lösung zu bieten:

http://mikemurko.com/general/chrome-remote-debugging-nexus-7-on-windows-8/

34
seeg

Du kannst Tippen about:debug in einigen mobilen Browsern, um eine JavaScript-Konsole aufzurufen.

12
NSjonas

Ich drucke manchmal Debugging-Ausgaben in das Browserfenster. Mit jQuery können Sie Ausgabenachrichten an einen Anzeigebereich auf Ihrer Seite senden:

<div id='display'></div>

$('#display').text('array length: ' + myArray.length);

Oder wenn Sie JavaScript-Variablen anzeigen möchten, ohne Ihrer Seite einen Anzeigebereich hinzuzufügen:

function debug(txt) {
    $('body').append("<div style='width:300px;background:orange;padding:3px;font-size:13px'>" + txt + "</div>");
}
7
mbokil

Ich hatte das gleiche Problem , benutze einfach console.log(...) (wie firebug) und installiere eine Log Viewer-Anwendung, mit der du alle Logs für deinen Browser anzeigen kannst.

3
Rory

Wir führen die folgenden Schritte in unserem Projekt zum Debuggen einer Website auf Mobilgeräten aus.

  1. Installieren Sie die mobogenie-Software auf Mobilgeräten und Desktops (beide haben dieselbe Version).
  2. Öffnen Sie Ihre Website im mobilen Google Chrome Browser.
  3. Öffnen Sie Google Chrome auf dem Desktop. Gehen Sie zu Option -> Weitere Optionen -> Gerät überprüfen.
  4. Hier finden Sie eine Liste der Sites, die auf dem Handy geöffnet sind und klicken Sie auf inspizieren und Sie erhalten die JavaScript-Konsole, die Sie möchten.
2
chirag

Wenn Sie Cordova 3.3 oder höher verwenden und auf Ihrem Gerät Android) ausgeführt wird = 4.4 oder höher können Sie 'Remote Debugging auf Android mit Chrome' verwenden. Die vollständigen Anweisungen finden Sie hier:

https://developer.chrome.com/devtools/docs/remote-debugging

Zusammenfassend:

  • Schließen Sie das Gerät mit einem USB-Kabel an Ihren Desktop-Computer an
  • USB-Debugging auf Ihrem Gerät aktivieren (auf meinem Gerät unter Einstellungen> Mehr> Entwickleroptionen> USB-Debugging)

oder, wenn Sie Cordova 3.3+ verwenden und kein physisches Gerät mit 4.4 haben, können Sie Verwenden Sie einen Emulator, der Android 4.4+ verwendet, um die Anwendung über den Emulator auf Ihrem Desktop-Computer auszuführen.

  • Führen Sie Ihre Cordova-Anwendung auf dem Gerät oder Emulator aus
  • Geben Sie in Chrome auf Ihrem Desktop-Computer chrome: // inspect/# devices in die Adressleiste ein
  • Ihr Gerät/Emulator wird zusammen mit allen anderen erkannten Geräten angezeigt, die an Ihren Computer angeschlossen sind. Unter Ihrem Gerät befinden sich Details zu Cordova 'WebView' (im Grunde Ihre Cordova-App), die auf dem Gerät/Emulator ausgeführt wird ( Cordova erstellt im Grunde genommen ein Browserfenster auf Ihrem Gerät/Emulator, in dem sich ein WebView befindet, in dem Ihre HTML/JavaScript-App ausgeführt wird.
  • Klicken Sie auf den Link "Inspizieren" im Bereich "WebView", in dem Ihr Gerät/Emulator aufgelistet ist. Daraufhin werden die Chrome Entwicklertools angezeigt, mit denen Sie Ihre Anwendung jetzt debuggen können.
  • Wählen Sie die Registerkarte "Quellen" der Chrome Entwickler-Tools, um JavaScript anzuzeigen, das Ihre Cordova-App auf dem Gerät/Emulator derzeit ausführt. Sie können in JavaScript Haltepunkte hinzufügen, mit denen Sie Ihren Code debuggen können .
  • Sie können auch die Registerkarte "Konsole" verwenden, um alle Fehler anzuzeigen (die rot angezeigt werden), oder am unteren Rand der Konsole wird eine Eingabeaufforderung ">" angezeigt. Hier können Sie alle Variablen oder Objekte (z. B. DOM-Objekte) eingeben, deren aktuellen Wert Sie überprüfen möchten, und der Wert wird angezeigt.
1
Chris Halcrow

Sie können versuchen YConsole eine eingebettete Konsole js. Es ist leicht und einfach zu bedienen.

  • Fangprotokolle und Fehler.
  • Objekteditor.

Wie benutzt man :

<script type="text/javascript" src="js/YConsole-compiled.js"></script>
<script type="text/javascript" >YConsole.show();</script>
1
yorg

"USB-Web-Debugging" ist eine Option

"es auf dem Bildschirm drucken" eine andere.

Ich bevorzuge jedoch das Remote-Debuggen mit ' Adobe Edge inspect ', das formal als Adobe shadow bezeichnet wird. Es verwendet weinre intern (= WEb INspect REmote)

Sie installieren es einfach + ein kleines Plugin im Browser (Chrome) und eine kostenlose App, die Sie im Play-Store herunterladen können. Dann haben Sie alle Tools wie die Chrome Development Tools.

Es hat auch Unterstützung für iOS und Kindle Fire

Update

Wie Chris bemerkt hat, müssen Sie ein Abonnement bezahlen, um Edge Inspect nutzen zu können. Eine günstige Alternative ist es, weinre direkt zu verwenden, es ist die Basis von Edge Inspect. Hier ist ein Artikel wie man es einrichtet.

1
VDP

Ich habe das Konsolen-Add-On des Firefox ( https://addons.mozilla.org/en-US/Android/addon/console/ ) in meinem Firefox-Browser auf Android und es hat ganz gut funktioniert. Hat mir beim Debuggen meiner angle2-App geholfen.

1
Sacky San

Ich suchte auch nach einem einfachen Konsolenersatz, nur um Text zu sichern. Also, was ich tat, war diese Funktion:

function remoteLog (arg) {
    var file = '/files/remoteLog.php';
    $.post(file, {text: arg});
}

Die ferne PHP Datei hat die gesamte Ausgabe in einer Datenbank in arg aufgezeichnet. Es hat 5 Minuten gedauert (OK, auf der Serverseite habe ich eine einfache Protokollbibliothek verwendet, die aufzeichnet und anzeigt SMS, aber immer noch ...).

0
Moshe Shaham

Wenn Sie nichts dagegen haben, über einen Drittanbieter-Server weiterzuleiten, ist JSConsole ein ziemlich nützlicher Remote-Debugger für JavaScript.

0
merv

Am 03.12.2013 Google hat Chrome DevTools for Mobile gestartet, mit dem Entwickler remote debuggen können mobile Webanwendungen über Emulation und Screencasting mit Nullkonfiguration .

Für alle Funktionen, checkout Paul Irishs Vortrag auf YouTube .

0
Farm

Ich habe vor kurzem ein Tool zum Anzeigen von Konsolenprotokollen in einem verschiebbaren/veränderbaren "Fenster" (eigentlich ein Div) geschrieben. Es bietet ähnliche Funktionen wie die Firebug-Konsole, aber Sie können es auf Ihrer Seite auf einem Tablet sehen. Tablet/Smartphone/Phablet-Debug-Konsole

0
Gus T Butt

Versuchen Sie js-mobile-console

MobileConsole kann zum Debuggen in jede Seite eingebettet werden. Es fängt Fehler ab und verhält sich genauso wie die native JavaScript-Konsole im Browser. Es gibt auch alle Protokolle aus, die Sie über eine API von window.console geschrieben haben.

0
stevemao