Chrome开发工具“Elements”视图中的实时HTML源代码编辑？

Question

我的问题/背景故事：我还在使用Opera 12（基于Presto）的Dragonfly开发工具进行快速CSS和HTML编辑。

显然，其他浏览器更现代，速度更快，但Dragonfly是唯一允许我实时编辑任何HTML元素源的浏览器工具。

我可以双击开发工具DOM视图中的任何元素（而不是笨拙地右键单击 - > Chrome中的“编辑为HTML”），然后所有更改都会立即在主浏览器中实时反映出来窗口。

在我尝试过的Chrome和其他浏览器中，这个工作流程很麻烦，因为更改不是实时更新，而是仅在使用Ctrl + Enter（或类似）关闭HTML编辑器之后。

长话短说： 是否有任何现代浏览器允许实时编辑HTML源代码，如Opera 12中的Dragonfly呢？也许在扩展的帮助下？

Answer 1

您可以尝试Firebug for Firefox http://getfirebug.com/。它的HTML视图中有实时html编辑器。如果您更喜欢Chrome编辑器https://getfirebug.com/firebuglite，还有Firebug Lite。此外，在Chrome的最新版本中，其开发人员工具允许您通过双击更改元素类型及其属性。