JavaScriptのバグを修正しようとしています。Firebugを使用すると、Firefoxで作業するときにこれらの問題のデバッグがはるかに簡単になりますが、Firefoxでコードが正常に機能しているのに、IEが文句を言っている場合はどうしますか？
44558 次
16 に答える
23
デバッガーではありませんが、コードの内容を分析するのに役立つIE開発者ツールバーを確認することもできます。
VisualStudioはデバッグに役立ちます
Fiddlerは、ブラウザとの間を行き来するトラフィックの分析に役立つはずです
于 2008-08-12T00:11:03.303 に答える
13
Firebug Liteを試すか、VisualStudioを使用してJavaScriptをデバッグできます。
于 2008-08-12T00:07:37.070 に答える
11
Internet Explorer 8 以降、IE には、デバッグ、トラブルシューティング、および一般的にページ/アプリケーションの開発を支援するための組み込みツール セットが付属しています。ブラウザで F12 を押すと、これらのツールにアクセスできます。
HTML タブ
HTML タブを使用すると、ブラウザが理解する DOM を覗くことができます。HTML ビューから要素を選択すると、そのスタイルが右側に詳細に表示され、個々のルールのオンとオフを切り替えることができます。ルールを変更して、要素のスタイルが継承されたか、明示的に割り当てられたかを判断することもできます。さらに、元の .css ファイルを特定することもできます。
要素の属性を確認して変更したり、レイアウト セクション内から要素のレイアウトを変更したりするなど、HTML タブでできることはもう少しあります。さらに、マークアップを直接変更して、構造的なアイデアをすばやくテストすることもできます。
スクリプトタブ
JavaScript の問題を解決するには、コンソールとスクリプト タグを監視できます。スクリプトが未定義のメソッドの呼び出しに出くわした場合は、コンソール内で警告が表示されます。コンソールでは、アイテムのオンとオフを切り替えたり、ハンドラーをボタンにバインドしたりする場合に、ページに対して任意の JavaScript を実行することもできます。
[スクリプト] タブは優れているだけでなく、JavaScript をフォーマットし、ブレークポイントを挿入したり、コード ブロックをステップ インおよびオーバーしたり、変数を経時的に監視したりできます。
Firebug や Webkit Inspector を使用したことがある場合は、Internet Explorer 8 以降の F12 開発者ツールになじみがあるはずです。
于 2012-05-15T21:42:59.067 に答える
6
Firebugliteは私にはあまりうまく機能しません。開発者ツールバーは十分ではありません。本当に素晴らしい解決策はありません。
于 2008-08-12T01:47:40.923 に答える
5
またはIE開発者ツールバー
于 2008-08-12T00:09:26.583 に答える
4
DebugBarを見てください。ライセンスは個人使用は無料です
于 2008-08-12T00:21:52.300 に答える
2
DOM Inspector については、Internet Explorer Developer Toolbarを試してください。
[ネット] タブについては、Fiddlerを試してください。
Javascript のデバッグについては、Visual Web Developer 2008 Express Editionを試してください。(または Visual Studio の上位エディション)
また、DebugBarを試してください。
于 2009-09-09T02:09:14.230 に答える
1
お気に入りバーにブックマークを作成し、このアドレスを URL として入力します。
javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');
次に、目的のページに移動し、リンクをクリックします。Firebug Lite が開きます/開くはずです...
于 2013-10-08T16:32:45.217 に答える
1
Visual Studio 2008 は JavaScript のデバッグを実行できます。IE の [ツール] -> [インターネット オプション] -> [詳細] に移動し、[スクリプトのデバッグを無効にする (Internet Explorer)] のチェックを外して、ブラウザが検出したエラーをバブルアップさせる必要があります。
Visual Studio を使用すると、基本的に、デバッグ機能全体を自由に使用できます。Firebug ほど統合されていませんが、以前のどの製品よりも優れています。
于 2008-08-14T12:37:17.253 に答える
1
最初にFirefoxにieコアアドオンをインストールしてから、ieアドオンでページをロードしてf12を押す方が良いと思います。幸運を。
于 2013-01-30T20:58:56.653 に答える
0
IE8ベータ版には、IE Developerツールバーと思われるものが付属していますが、前回IE7でツールバーを試したときよりもはるかに強力なようです。
于 2008-08-12T00:43:37.980 に答える
0
真面目なフロントエンド開発者の場合は、AJAXEditionにテストを実行してください。
http://www.compuware.com/application-performance-management/ajax-performance-testing.html
これは、最新のAJAX/Webアプリケーションでパフォーマンスと機能関連の問題を引き起こしている原因をユーザーが理解できるようにする無料のツールです。
于 2013-02-20T20:36:15.363 に答える
0
IE で、MenuBar->Tools に移動し、Debugger Tools を選択します。F12 キーを押して、お楽しみください。Fire Bug にはほど遠いですが、簡単なヘルプには適しています
于 2013-06-18T22:02:23.077 に答える
0
この問題の解決策を見つけました。このタグをデバッグしようとしているページに貼り付けるだけで、firebug が開きます。
<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>
于 2012-08-17T10:20:55.783 に答える
0
いくつかの回答によると、この質問はIE8ファイナルが出る前に投稿されたと思います。
最近では、IE8 に組み込まれている開発者ツールが優れています。また、JS のデバッグは Visual Studio ほど有用ではありませんが、私の意見では、Dev Tools は一般的に Firebug よりもはるかに優れています。それと互換表示ブラウザ モードの間で、IE6 開発のすべてのニーズを処理できます。
于 2009-09-09T02:27:25.493 に答える
0
于 2013-07-28T19:10:54.620 に答える