Gibt es eine Art Firebug- oder JavaScript-Konsolen-Debug für Android? [geschlossen]

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

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

Das bessere sollte eine Art Firebug-Anwendung sein.

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

Die andere Option ist JSHybugger . Es ist sicherlich die vollständigste Debugging-Umgebung, die für Android-Browser verfügbar ist. Es ist ein kostenpflichtiges Produkt, aber es lohnt sich wahrscheinlich.

Chrome hat eine sehr schöne Funktion namens "USB Web Debugging", mit der Sie die Debug-Konsole des Mobilgeräts auf Ihrem PC sehen können, wenn Sie über USB verbunden sind.

Weitere Details finden Sie hier.

BEARBEITEN: Scheint, dass die 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/

Sie können about:debugeinige der mobilen Browser eingeben, um eine JavaScript-Konsole aufzurufen.

Ich drucke manchmal die Debugging-Ausgabe 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>");
}

Ich hatte das gleiche Problem , verwenden Sie einfach console.log(...)(wie Firebug) und installieren Sie eine Log Viewer-Anwendung. Dadurch können Sie alle Protokolle für Ihren Browser anzeigen.

Wir folgen den folgenden Schritten in unserem Projekt zum Debuggen einer Website auf Mobilgeräten.

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 Websites, die auf Mobilgeräten geöffnet sind. Klicken Sie auf "Überprüfen", um die gewünschte JavaScript-Konsole zu erhalten.

"USB Web Debugging" ist eine Option

"Drucken auf dem Bildschirm" eine andere.

Ich bevorzuge jedoch das Remote-Debugging über " Adobe Edge Inspect ", das früher als " Adobe Shadow" bezeichnet wurde . 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-Entwicklungstools.

Es unterstützt auch iOS und Kindle Fire

Aktualisieren

Wie Chris bemerkt hat, müssen Sie ein Abonnement bezahlen, um Edge Inspect verwenden zu können. Eine billige Alternative ist die direkte Verwendung von weinre, es ist die Basis für die Kanteninspektion. Hier ist ein Artikel über die Einrichtung.

Wenn Sie Cordova 3.3 oder höher verwenden und auf Ihrem Gerät Android 4.4 oder höher ausgeführt wird , können Sie "Remote-Debugging unter Android mit Chrome" verwenden. Vollständige Anweisungen finden Sie hier:

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

In Summe:

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

Oder , wenn Sie Cordova verwenden 3.3+ und haben kein physisches Gerät mit 4.4, können Sie einen Emulator verwendendie AnwendungenAndroid 4.4um die Anwendung durch den Emulator zu laufen, auf Ihrem DesktopComputer.

• Führen Sie Ihre Cordova-Anwendung auf dem Gerät oder Emulator aus
• Geben Sie in Chrome auf Ihrem Desktop-Computer chrome: // inspect / # Geräte 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 zum Cordova 'WebView' (im Grunde Ihre Cordova-App), das auf dem Gerät / Emulator ausgeführt wird ( Cordova funktioniert so, dass es im Grunde ein "Browser" -Fenster auf Ihrem Gerät / Emulator erstellt, in dem sich eine "WebView" befindet, in der Ihre HTML / JavaScript-App ausgeführt wird.
• Klicken Sie auf den Link "Inspizieren" im Abschnitt "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-Entwicklertools aus, um JavaScript anzuzeigen, das Ihre Cordova-App auf dem Gerät / Emulator derzeit ausführt. Sie können dem JavaScript Haltepunkte hinzufügen, mit denen Sie Ihren Code debuggen können.
• Sie können auch die Registerkarte "Konsole" verwenden, um Fehler anzuzeigen (die rot angezeigt werden), oder am unteren Rand der Konsole wird eine Eingabeaufforderung ">" angezeigt. Hier können Sie beliebige Variablen oder Objekte (z. B. DOM-Objekte) eingeben, deren aktuellen Wert Sie überprüfen möchten, und der Wert wird angezeigt.

Sie können YConsole als eingebettete js-Konsole ausprobieren. Es ist leicht und einfach zu bedienen.

• Protokolle und Fehler abfangen.
• Objekteditor.

Wie benutzt man :

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

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

Wenn es Ihnen nichts ausmacht, über einen Server eines Drittanbieters weiterzuleiten, ist JSConsole ein ziemlich nützlicher Remote-Debugger für JavaScript.

Ich habe kürzlich ein Tool zum Anzeigen von Konsolenprotokollen in einem beweglichen / veränderbaren "Fenster" (eigentlich ein Div) geschrieben. Es bietet ähnliche Funktionen wie die Firebug-Konsole, kann jedoch auf einem Tablet über Ihrer Seite angezeigt werden. Tablet / Smartphone / Phablet-Debug-Konsole

Ich suchte auch nach einem einfachen Konsolenersatz, nur um Text auszugeben. Was ich also getan habe, war diese Funktion:

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

Die Remote-PHP-Datei zeichnete die gesamte Ausgabe in einer Datenbank in auf arg. Es hat 5 Minuten gedauert (OK, auf der Serverseite habe ich eine einfache Protokollierungsbibliothek verwendet, die Textnachrichten aufzeichnet und anzeigt, aber immer noch ...).

Am 2013.12.03 Google startet Chrome DevTools for Mobile , die es Entwicklern ermöglicht Remote - debuggen mobile Web - Anwendungen über Emulation und Bildschirm-Casting mit Zero Configuration .

Informationen zu allen Funktionen finden Sie in Paul Irishs Vortrag auf YouTube .

Versuchen Sie es mit js-mobile-console

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