問題タブ [ie11-developer-tools]

2015 年 4 月から再設計された IE.11 F12 Developers Tools を使用しています。

過去に、属性の詳細を取得するためのツールを主に使用していました。「id」、テキスト、href など。これらはすべて html から取得され、名前と値の読みやすいリストで右側のウィンドウに表示されます。

開発者ツールの最近のリリースでは、DOM Explorer が表示され、右側のウィンドウには Styles/Computed/Layout が表示されます。しかし、「id」またはテキスト型の属性が表示されません。

MS は属性をどこに隠しましたか? それとも、今すぐhtmlを掘り下げる必要がありますか?

私が行ったいくつかのコード変更を検証するために、IE11 で IE8 をエミュレートしようとしています。エミュレーターに問題があり、エミュレーターで作業できないようです。

jQuery pollyfilled メソッドを呼び出したとき。

エミュレーターから次のようなエラーが表示されます。

プロパティまたはメソッド indexOf はオブジェクトでサポートされていません

このエラーはエミュレータでのみ発生します。これを実際の IE8 ブラウザで試しても問題はありません。jQuery は両方のインスタンスにロードされ、他のすべての Javascript コードより先にロードされます。

エミュレーターを実際のブラウザーと同じように動作させる方法を知っている人はいますか?

IE9 で報告された UI の問題を確認するために、IE 11 でエミュレーション モードを使用しています。

エミュレーションなしで IE 11 の要素を検査すると正常に動作しますが、ドキュメント モードを 9 に変更して要素を検査すると、空白のみが表示されます。

この問題に直面した人はいますか?これに対する解決策は何ですか??

IE 開発者ツールバーを使用して DOM を分析しています。私の質問は次のとおりです。特定の要素、たとえば段落をチェックすると、その段落には を設定するクラスがありますbackground-colorが、何らかの理由でそのクラスが別のクラスなどによってオーバーライドされると、その特定のルールを持つクラスは取り消し線になります. どのクラスまたは親要素がそれをオーバーライドしているかを調べるにはどうすればよいですか?

例：

誰がこれをオーバーライドしているかを知るにはどうすればよいbackground-colorですか?

IE11 インスペクターが適用されているスタイルを表示している添付のスクリーンショットに概説されている状況がありますが、そのスタイルがどこから来ているのかわかりません。

このスクリーンショットでは、予想どおりインライン スタイルと、スタイル シートと行番号の詳細を示すいくつかのスタイルが表示されます。

ただし、2 番目のスタイル - .cke { visibility: hidden } - はインラインではなく、スタイル シートにも属していません。

このスタイルはどこから来たのですか？grep を使用してソース ファイルを検索しましたが、何も見つかりません。ここの誰かが私を正しい方向に向けてくれることを願っています。

IE11 で GWT SuperDevMode ソース マップを使用するにはどうすればよいですか? それはまったく機能しますか？IE デバッガー ビューで [ファイル] タブを右クリックし、[ソース マップを選択] オプションを選択しようとしました。ただし、ファイル ダイアログは *.map ファイルのみを受け入れ、sourcemap json ファイルを認識していないようです。

すべてがChromeでうまく機能しますが、残念ながら私が調べている問題はIEのみです:-(