厄介な IE のみのレイアウトと CSS の問題を解決するために、IE9 の開発者ツールを使用して HTML と CSS を繰り返し編集しようとしています。理想的には、Firebug と Webkit の Inspector で慣れている DOM/CSS 操作ワークフローと同等のものを得ることができます。
言い換えれば、単一の要素または要素のグループの HTML と CSS を繰り返し編集し、変更をすぐに画面に反映できるようにしたいと考えています。
F12 ツールの「フルページ」編集機能を理解しました。この機能では、ページ全体の HTML またはすべての CSS をブロックとして編集できますが、ツールを数時間使用した後でも、オンライン ヘルプと多くの Google 検索を読んでいます。 、私はまだ、Firebug で慣れ親しんだ、よりきめ細かい編集に苦労しています。
あきらめる前に、F12ツールを使用して...
- ...一度にページ全体ではなく、特定の要素とその子を編集しますか? (firebug の「HTML の編集」コンテキスト メニューのように)
- ...変更を確認するために編集ビューを終了するのではなく、編集ビューで行われた変更がブラウザにすぐに表示されるのを確認しますか?
- ...編集ビューで現在選択されている要素 (周囲に青い四角がある要素) を簡単に見つけるには?
- ...単一の要素を削除しますか? （firebugでは、要素を選択して「削除」をクリックするだけです）
- ...ドキュメント内のすべてのスタイルを調べて、関心のある要素に適用されるスタイルを見つける必要なく、新しいスタイルをクラスに追加しますか? (firebug では、右ペインのスタイルをダブルクリックするだけです)。
上記のことが IE の F12 ツールでは不可能な場合、DOM/CSS 編集用の適切な代替プラグインはありますか?
ところで、この質問に対する私の意図は、IE9 開発ツールを打ち負かすことではなく (Microsoft がこれらをすぐに使用できるようにしてくれたことを称賛します)、それらを使用してより生産的になる方法を学ぶことです。
また、ところで、私はすでに IE での firebug に相当するものに関する 20 ほどの他の StackOverflow の質問を読みましたが、それらのほとんどは JavaScript のデバッグと読み取り専用の DOM インスペクションに関するものであるようです。DOM/CSS の記述に関する最近の (IE9) ものは見つかりませんでした。したがって、このトピックについてさらに別の質問をしています...これがだまされている場合は申し訳ありません。