24

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

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

4

3 に答える 3

22

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

個人的に日常的に使っているもの

  1. できる限り IE10 デスクトップでアプリをデバッグする

  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);
    };           
}
于 2013-01-28T19:36:34.280 に答える
17

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を参照してください。

于 2014-05-19T15:15:33.937 に答える
0

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

于 2013-12-26T16:19:41.707 に答える