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.
Antworten:
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.
"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:
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.
Sie können YConsole als eingebettete js-Konsole ausprobieren. Es ist leicht und einfach zu bedienen.
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.