为了解决烦人的仅限于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的问题。因此,我在这个主题上又提出了另一个问题...如果这是一个重复的问题,请原谅我。