web-dev-qa-db-ja.com

Windows Phone 8 IE10 JavaScriptデバッグ

IE10はHTML5コンプライアンス領域にいくつかの素晴らしい拡張機能を備えていますが、WP8で実行する場合、コンソールメッセージ以外にアプリをデバッグする方法がないため、JavaScript HTML5を開発するのは困難です。

WebKitの電話ブラウザーのように、WP8で実行されているIE10で利用できるリモートデバッグエクスペリエンスはありますか（たとえば、 http://www.youtube.com/watch?v=GNAjzFpNEj4 にある私のビデオを参照してください）。 IOSでデスクトップSafariデバッグJavascriptアプリへのUSBケーブルを使用してこれが配置されている場合、ブレークポイントを設定してリモートデバッガーで変数を調べることができるため、簡単です。同じ機能がIE10にあることを願っています。そして、これらの非常に必要な機能をどこで有効にするかについての情報があれば幸いです。

javascriptwindows-phone-8internet-explorer-10
24
John Mcfetridge

悪いニュースは、WP7/IE9と比較して新しいデバッグ機能がないことです。 Windows Phone 7でInternet Explorerをデバッグするにはどうすればよいですか？ は、WP8でもまったく同じ状況にあるためです。

私が日常的に使用しているもの

  1. IE10 Desktopで可能な限りアプリをデバッグする

  2. Weinre リモートデバッガ。 デモビデオ Weinreに基づく次のアプリを使用して、その使用法を簡略化できます（ローカル設定は不要）- IeMobileDebugger src または Storeへのリンク

    サポート

    HTMLトラバースHtmlノードスタイル、プロパティ、メトリックコンソール出力の読み取りコンソールからのデバイス側でのjsの実行（インテリセンスを含む）動的スクリプトインジェクション-ライブサイトをデバッグする機能

    サポートされていません

    jsブレークポイント

  3. JavaScriptの行ごとのデバッグでは、 aardwolf を使用します。 VS統合のデモ 。

  4. コンソールトレースをVisual Studio出力にリダイレクトし、トレースにconsole.log（ "some message"）を使用できるようにするには

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

FWIW：Windows Phone 8.1はついにリモートデバッグをサポートします。 http://blogs.msdn.com/b/visualstudioalm/archive/2014/04/04/diagnosing-mobile-website-issues-on-windows-phone-8-1-with-visual-studioを参照してください。 .aspx

17
mikaraento

完全なソリューションではありませんが、Lauri Piispanenの consolelog.js は、nodejsベースのリモートJSコンソールロガーが役立ちます。

0
Esko