web-dev-qa-db-ja.com

Windows Phone7でInternetExplorerをデバッグするにはどうすればよいですか？

私はWindowsPhoneの開発者ではないので、Microsoftに関連することはできるだけ少なくしたいと思っています。それでも、モバイルWebアプリをWindows Phone 7で正しく実行する必要があります。プラットフォームで使用できるデバッグツールは何ですか？ Webkit開発者ツールやFirebugのようなものは、電話自体から、またはおそらく私のコンピューターからリモートでデバッグすることから理想的です。

そのようなものが存在しない場合は、Javascriptのエラーメッセージを読み取って、alert()などを使用して変数の内容を表示できるようになります。この時点で私が知っているのは、JSが失敗しているということだけです。どこで、なぜそれを修正するかは言うまでもなく、私にはわかりません。

私の開発用コンピューターはOSXを実行していますが、可能であればOSXからこれらのツールを使用できるようにしたいと考えています。デバッグツールが存在すると仮定すると（私は本当にそう願っています）、それらはWindows専用に設計されていますか？もしそうなら、誰かが彼らがどれだけうまくいくか知っていますか ワイン または同様のもの？

[〜＃〜] edit [〜＃〜]：物理的なWindows Phone 7デバイスを持っているので、それを使用できます。ただし、alert()が機能していないようです。そのため、この質問を投稿しています。 alert()は通常WP7ブラウザで動作しますか？

javascriptdebugginginternet-explorerwindows-phone-7remote-debugging
25
singingwolfboy

Mobile Perfブックマークレット がanyモバイルデバイスをテストするための最も簡単なオールインワンツールであることがわかるでしょう。

これまでの私のテストでは、iPhone/iPad/Samsung GalaxyTabでうまく機能します。

見積もり：

Firebug Lite、ページリソース、DOM Monster、SpriteMe、CSSess、Zoompfなどの他のブックマークレットをロードするリンクを含むメニューが表示されます。

enter image description here

18
scunliffe

Windows Phone8.1およびVisualStudio 2013 Update 2で完全なJavaScriptデバッグが可能になったことを示すメモを追加したかっただけです。詳細については、次のURLを参照してください。

http://blogs.msdn.com/b/visualstudioalm/archive/2014/04/04/diagnosing-mobile-website-issues-on-windows-phone-8-1-with-visual-studio。 aspx

これは元の質問（WP7）で参照されているバージョンには役立たないことを理解していますが、この質問を見つけてより新しいバージョンを実行している人々に役立つことを願っています。

2
Charles Morris - MSFT

Windows Phone 7デバイスをお持ちでない限り、エミュレーターでIE）でテストするには、BootCampでWindowsを実行し、 Windows Phone Developer Tools をインストールする必要があります。 Whineについてはわかりませんが、Parallelsでテストしようとすると大きな問題が発生しました。そのため、私の経験に基づいて、できるだけシンプルにすることをお勧めします。

電話のIEにはコンソールがないため、提案したようにアラートを使用するか、カスタムコンソールとしてページのdivにテキストを書き込む必要があります。

本当にOSXでコーディングしたい場合（私は間違いなく理解しています）、テスト用に別のマシンを使用することは、WP7エミュレーターでIEが最善の策です。

編集：アラートをテストしたところ、WindowsPhoneで正常に機能しました。私の推測では、構文エラーが原因で呼び出しが妨げられています。

2
Subcreation

以下は面白いかもしれません

シンプルIE Windows Phone用のデバッグツール

サポート

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

サポートされていません

  • jsブレークポイント
2
Sergei Grebnov

私にとってうまくいったことは、WindowsVistaの組み込みのInternetExplorerブラウザーを使用してモバイルページをテストすることです。スクリプトデバッガー（[インターネットオプション]メニューの[詳細オプション]タブで有効にする必要があります）が付属しており、Internet ExplorerMobileの実装に非常に近いようです。

もう1つのヒントは、window.alertsを使用する代わりに、document.writeを使用するか、出力をdivコンテンツに設定することもできるということです。

0
Valdez V.

このハックを使用して、console.logにサーバーに情報を返送させています（これは、polyfillingしているwindow.fetchを使用していますが、代わりにxhrを使用できます） https://Gist.github.com/ wheresrhys/bf93057ee3a594454582

0
wheresrhys