Internet Explorer の JavaScript トラブルシューティング ツール
-
08-06-2019 - |
質問
私は Firebug と Mozilla JS コンソールを頻繁に使用していますが、時折、IE のみの JavaScript バグに遭遇します。これは、見つけるのが非常に困難です (例: 724行目のエラー, 、ソース HTML が 200 行しかない場合)。
軽量の JS ツールがあれば嬉しいです (ああ firebug) は Internet Explorer 用で、エラーが発生した場合にクライアントの PC に数秒でインストールしてアンインストールできます。Microsoft ツールの中には、ダウンロードと構成にかなりの時間がかかります。
何か案は?
解決
見つかるかもしれません ファイアバグ ライト そのために役立ちます。
そのブックマークレットは、ユーザーのマシンでデバッグするときに特に役立ちます。
他のヒント
Internet Explorer 8 以降、IE には JavaScript のデバッグ、プロファイリングなどのための非常に優れたツール セットが付属しています。他のほとんどのブラウザと同様に、キーボードの F12 を押すと開発者ツールにアクセスできます。
「スクリプト」タブ
おそらく [スクリプト] タブに興味があるでしょうが、[コンソール]、[プロファイラー]、および [ネットワーク] タブもアプリケーションのデバッグ中によく使用されます。
「スクリプト」タブからは次のことができます。
- JavaScript をフォーマットして読みやすくする
- ページ上のさまざまなリソースのソースからソースへ移動します
- ブレークポイントの挿入
- コードの実行をステップ実行しながら、コード行内を移動したり、コード行を超えたりする
- 監視変数
- コールスタックを調べて、コードがどのように実行されたかを確認します。
- ブレークポイントの切り替え
- もっと...
コンソールタブ
コンソール タブは、アプリケーションに対して任意のコードを実行する必要がある場合に最適です。これを使用して、特定のメソッドの戻り値を確認したり、スタック オーバーフローでソリューションの答えをすばやくテストしたりすることもできます。
「プロファイラー」タブ
このプロファイルは、長時間実行されるプロセスを探している場合、またはコードを最適化してよりスムーズに実行するか、リソースを大量に消費するメソッドの呼び出しを減らしたい場合に最適です。任意のページを開き、「プロファイラー」タブから「プロファイリングの開始」をクリックして記録を開始します。
プロファイラーの動作中、ページ内を移動して一般的なアクションを実行できます。十分に録音していると感じたら、「プロファイリングを停止」を押してください。その後、すべての関数が実行された要約またはコールツリーが表示されます。このデータはさまざまな列ですばやく並べ替えることができます。
「ネットワーク」タブ
[ネットワーク] タブでは、サイト/アプリケーションのトラフィックが記録されます。これは、ダウンロードされていないファイルやハングしているファイルを見つけたり、非同期で要求されているデータを追跡したりするのに非常に便利です。
このタブ内で、概要ビューと詳細ビューの間を移動することもできます。詳細ビュー内では、リクエストおよびレスポンスとともに送信されたヘッダーを検査できます。Cookie 情報を表示したり、イベントのタイミングを確認したりできます。
私は IE 開発者ツールを正しく理解しているわけではありません。未開の部分がたくさんあります。ただし、それらをチェックして、開発の一部にすることをお勧めします。
IE 8 にはより優れたツールが搭載されているはずですが、IE 開発者ツールバーは非常に優れています。
両方使ってます Microsoft スクリプト デバッガー そして FireBug Lite, 、デバッグしている内容に応じて。どちらも素晴らしいツールです。両方を試して、使いやすいものを選んでください。
IE8ではF12を押すだけです!
- [ツール] -> [インターネット オプション…] -> [詳細設定] -> [スクリプト デバッグを有効にする] (Internet Explorer) に移動します。
エラーが発生した場合は、Visual Studio デバッガーをアタッチします。
IE 8 を使用している場合は、デバッガーが組み込まれているため、開発者ツールバーをインストールします。