7
爲了解決討厭IE瀏覽器的佈局和CSS問題，我試圖使用IE9的開發工具迭代編輯HTML和CSS。理想情況下，我可以與我習慣使用Firebug和Webkit的Inspector進行操作的DOM/CSS操作工作流程保持一致。使用IE9 F12開發人員工具進行粒度DOM/CSS編輯：可能嗎？
換句話說，我希望能夠反覆編輯單個元素或一組元素的HTML和CSS，然後在屏幕上立即看到我的更改。
我已經想出了F12工具的「整頁」編輯功能，您可以在其中編輯整個頁面的HTML或所有CSS作爲一個區塊，但即使使用該工具幾個小時後，仍然可以閱讀online help和許多谷歌搜索，我仍然努力與我習慣與Firebug的那種更細緻的編輯。
之前我放棄了，沒有人知道如何使用F12工具...
- ...同時編輯一個特定的元素及其子女，而不是整個頁面？ （如螢火蟲的「編輯HTML」上下文菜單）
- ...查看編輯視圖中所做的更改立即在瀏覽器中顯示，而不必退出編輯視圖以查看更改？
- ...在編輯視圖中輕鬆找到當前選定的元素（其周圍有藍色方塊的元素）？
- ...刪除單個元素？ （在螢火蟲中，我可以選擇元素並單擊「刪除」）
- ...爲類添加新樣式，而不必搜索文檔中的每種樣式以找到適用於我關心的元素的樣式？ （在Firebug中，我只需雙擊右窗格中的樣式）。
如果上面的東西不可能用IE的F12工具，那麼DOM/CSS編輯有沒有一個好的替代插件？
順便說一句，我的這個問題的目的不是要抨擊IE9開發工具（微軟將這些開箱即用包括在內的榮譽），而是要學習如何更有效地使用它們。
另外順便說一句，我已經通過大約相當於螢火蟲在IE 20上下的其他StackOverflow的問題，讀，但其中大部分似乎是關於JavaScript調試和只讀DOM檢查。我沒有發現任何最近的（IE9）關於編寫DOM/CSS的。因此，我正在問這個話題的另一個問題......我很抱歉，如果這是一個騙局。
親愛的本，請提及完整的步驟，使答案有用。 – 2011-06-22 11:47:38