使用IE9 F12开发人员工具进行粒度DOM/CSS编辑:可能吗?

Jus*_*ant 7 css firebug web-inspector web-developer-toolbar internet-explorer-9

为了解决讨厌的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开发工具(对微软来说,包括开箱即用的这些工具的荣誉),而是要学习如何更有效地使用它们.

另外顺便说一句,我已经阅读了20个关于IE上的firebug等价的其他StackOverflow问题,但其中大部分似乎是关于javascript调试和只读DOM检查.我没有找到任何关于编写DOM/CSS的最近(IE9).因此,我正在问另一个关于这个话题的问题......如果这是一个骗局,我道歉.

小智 0

单击编辑按钮可以编辑 html。完成后,再单击一次即可查看更改

  • 亲爱的本,请提及完整的步骤,以使答案有用。 (2认同)