为了解决烦人的仅限于IE的布局和CSS问题，我正在尝试使用IE9的开发者工具来迭代地编辑HTML和CSS。理想情况下，我可以获得与Firebug和Webkit Inspector所用的DOM / CSS操作工作流程相同的效果。
换句话说，我希望能够重复编辑单个元素或一组元素的HTML和CSS，然后立即在屏幕上看到我的更改反映出来。
我已经找到了F12工具的“全页面”编辑功能，其中您可以编辑整个页面的HTML或所有CSS作为一个块，但即使使用该工具几个小时，阅读{{link1：在线帮助}}和进行许多Google搜索之后，我仍然无法解决我习惯于使用Firebug时的那种更精细的编辑。
在我放弃之前，有没有人知道如何使用F12工具...
换句话说，我希望能够重复编辑单个元素或一组元素的HTML和CSS，然后立即在屏幕上看到我的更改反映出来。
我已经找到了F12工具的“全页面”编辑功能，其中您可以编辑整个页面的HTML或所有CSS作为一个块，但即使使用该工具几个小时，阅读{{link1：在线帮助}}和进行许多Google搜索之后，我仍然无法解决我习惯于使用Firebug时的那种更精细的编辑。
在我放弃之前，有没有人知道如何使用F12工具...
- ...如何编辑特定元素及其子元素，而不是一次性编辑整个页面？（例如firebug的“编辑HTML”上下文菜单）
- ...在编辑视图中进行更改后立即在浏览器中看到更改，而不必退出编辑视图以查看更改？
- ...如何轻松找到当前选定的元素（带有蓝色方框的元素）在编辑视图中的位置？
- ...如何删除单个元素？（在firebug中，我只需选择该元素并单击“删除”）
- ...如何添加新样式到类中，而不必在文档中寻找适用于我关心的元素的样式？（在firebug中，我只需双击右窗格中的样式）。
如果IE的F12工具无法实现上述内容，那么是否有很好的DOM / CSS编辑替代插件？
顺便说一句，我的问题意图不是抨击IE9开发工具（向Microsoft赞扬他们将这些工具包含在内），而是学习如何更有效地使用它们。
< p > 另外顺便说一下，我已经阅读了大约20个关于在IE上有类似Firebug的工具的StackOverflow问题，但是它们大多数都是关于JavaScript调试和只读DOM检查的。我没有找到任何最近（IE9）关于编写DOM / CSS的问题。因此，我在这个主题上又提出了另一个问题...如果这是一个重复的问题，请原谅我。