43

私は Firebug と Mozilla JS コンソールを頻繁に使用していますが、IE のみの JavaScript バグに遭遇することがあり、これを特定するのは非常に困難です (例:ソース HTML に 200 行しかない場合の724 行目のエラー)。

エラーが発生してアンインストールした場合に、クライアントの PC に数秒でインストールできる Internet Explorer 用の軽量の JS ツール ( firebugのようなもの) が欲しいです。Microsoft ツールの中には、ダウンロードと構成にかなりの時間がかかるものがあります。

何か案は?

4

7 に答える 7

29

Firebug Liteが役に立つ かもしれません。

そのブックマークレットは、ユーザーのマシンでデバッグするときに特に役立ちます。

于 2008-08-06T13:59:47.213 に答える
19

Internet Explorer 8 以降、IE には JavaScript のデバッグやプロファイリングなどを行うための非常に優れたツール セットが付属しています。他のほとんどのブラウザーと同様に、キーボードの F12 を押すと、開発者ツールにアクセスできます。

スクリプトタブ

[スクリプト] タブに関心がある可能性がありますが、[コンソール]、[プロファイラー]、および [ネットワーク] タブは、アプリケーションのデバッグ中にも十分に使用されます。

ここに画像の説明を入力

[スクリプト] タブから、次のことができます。

  • JavaScript をフォーマットして読みやすくする
  • ページ上のさまざまなリソースのソースからソースへ移動
  • ブレークポイントを挿入する
  • 実行中のコード行の移動
  • ウォッチ変数
  • コール スタックを調べて、コードがどのように実行されたかを確認します
  • ブレークポイントの切り替え
  • もっと...

コンソール タブ

コンソール タブは、アプリケーションに対して任意のコードを実行する必要がある場合に最適です。これを使用して、特定のメソッドが返されたかどうかを確認したり、スタック オーバーフローでソリューションの回答をすばやくテストしたりすることさえできます。

ここに画像の説明を入力

プロファイラー タブ

長時間実行されるプロセスを探している場合、またはコードを最適化してよりスムーズに実行したり、リソースを集中的に使用するメソッドの呼び出しを減らしたりする場合、このプロファイルは素晴らしいものです。任意のページを開き、[プロファイラー] タブから [プロファイリングを開始] をクリックして記録を開始します。

プロファイラーが動作している間、ページ内を移動して、一般的なアクションを実行できます。十分に記録したと感じたら、[プロファイリングを停止] をクリックします。次に、実行されたすべての関数の概要、またはコール ツリーが表示されます。このデータをさまざまな列ですばやく並べ替えることができます。

ここに画像の説明を入力

ネットワークタブ

ネットワーク タブは、サイト/アプリケーションのトラフィックを記録します。ダウンロードされていないファイルやハングしているファイルを見つけたり、非同期で要求されているデータを追跡したりするのに非常に便利です。

このタブ内では、概要ビューと詳細ビューの間を移動することもできます。詳細ビュー内で、リクエストとレスポンスで送信されたヘッダーを調べることができます。Cookie 情報を表示したり、イベントのタイミングを確認したりできます。

ここに画像の説明を入力

私は実際には IE 開発者ツールの正義を行っているわけではありません。多くの未知の領域があります。ただし、それらをチェックして、開発の一部にすることをお勧めします。

于 2012-05-15T21:16:02.887 に答える
5

コンパニオンJSをお勧めします。

これは無料版のデバッグバーですが、使いやすく、必要な機能を備えていると思います。FirefoxのFirebugで行うのと同じ方法で、IEで小さなJavaScriptスニペットをテストするのに最適です。

5年後の編集:私は現在、InternetExplorer統合開発ツールを使用しています。

于 2008-08-11T16:56:24.960 に答える
4

IE 8 にはより優れたツールがあるはずですが、IE Developer Toolbar はかなり優れています。

于 2008-08-06T13:58:57.167 に答える
3

デバッグ対象に応じて、Microsoft Script DebuggerFireBug Liteの両方を使用します。どちらも優れたツールです。両方を試して、使い慣れたものでステッチしてください。

于 2011-10-12T14:34:10.407 に答える
2

IE8 では F12 を押すだけです。

于 2010-02-15T16:53:53.453 に答える
1
  1. [ツール]->[インターネットオプション...]->[詳細設定]->[スクリプトデバッグを有効にする(Internet Explorer)]に移動します

次に、エラーが発生したときにVisualStudioDebuggerを接続します。

IE 8を使用している場合は、デバッガーが組み込まれているため、開発者ツールバーをインストールします。

于 2013-01-16T00:32:11.833 に答える