wake-up-neo.net

Windows Phone 8 IE10 Javascript-Debugging

IE10 hat einige wundervolle Verbesserungen im HTML5-Compliance-Bereich, ist jedoch nach wie vor ein Muss für die Entwicklung von JavaScript HTML5, wenn es unter WP8 ausgeführt wird, da die App nur mit Konsolenmeldungen debuggen kann.

Gibt es ein Remote-Debugging-Erlebnis für IE10, das auf WP8 ausgeführt wird, wie es bei den WebKit-Telefonbrowsern der Fall ist (siehe beispielsweise mein Video unter http://www.youtube.com/watch?v=GNAjzFpNEj4 ). Wenn dies mit einem USB-Kabel für das Desktop-Safari-Debugging eingerichtet ist, können Javascript-Apps unter IOS problemlos ausgeführt werden, da im Remote-Debugger Haltepunkte festgelegt und Variablen geprüft werden können. Ich hoffe, dass die gleichen Fähigkeiten in IE10 sind und ich würde mich über alle Informationen darüber freuen, wo diese dringend benötigten Funktionen verfügbar sind.

23
John Mcfetridge

Die schlechte Nachricht, dass es im Vergleich zu WP7/IE9 keine neuen Debug-Funktionen gibt. Bitte werfen Sie einen Blick auf Wie debugge ich Internet Explorer unter Windows Phone 7? da wir uns in WP8 genau in derselben Situation befinden.

Was ich persönlich täglich benutze

  1. Debuggen Sie Ihre App in IE10 Desktop so viel wie möglich

  2. Weinre Remote-Debugger. Demo-Video. Sie können die folgende, auf Weinre basierende App verwenden, um die Verwendung zu vereinfachen (keine lokalen Einstellungen erforderlich). - IeMobileDebugger src oder Verknüpfung mit Store

    Unterstützt

    Durchqueren von HTML-Dateien HTML-Knotenstile, -Eigenschaften und -Metriken Lesen der Konsolenausgabe Ausführen von Js auf der Geräteseite von der Konsole aus (einschließlich Intellisense) Dynamische Skriptinjektion - Fähigkeit zum Debuggen von Live-Sites

    Nicht unterstützt

    js Haltepunkte

  3. Für Javascript Zeile für Zeile Debugging verwenden Sie aardwolf . Demo mit VS-Integration .

  4. Um die Konsolenablaufverfolgung auf die Visual Studio-Ausgabe umzuleiten und in der Lage zu sein, console.log ("einige Nachricht") für die Ablaufverfolgung zu verwenden

index.html:

<script type="text/javascript">
    window.console = {
        log: function (str) { window.external.Notify(str); }
    };

    // output errors to console log
    window.onerror = function (e) {
        console.log("window.onerror ::" + JSON.stringify(e));
    };

    console.log("Installed console !");
</script>

MainPage.xaml.cs

private void Browser_Loaded(object sender, RoutedEventArgs e)
{
    Browser.IsScriptEnabled = true;
    // Add your URL here
    Browser.Navigate(new Uri(MainUri, UriKind.Relative));

    Browser.ScriptNotify += (s, arg) =>
    {
        Debug.WriteLine(arg.Value);
    };           
}
22
Sergei Grebnov
16
mikaraento

Lauri Piispanens consolelog.js , ein Knotenjs-basierter Remote-JS-Konsolenlogger kann Ihnen zwar helfen.

0
Esko