在 Chrome 开发工具中实时编辑 HTML 源代码"Elements"视图?



我的问题/背景故事:我仍然使用Opera 12(基于presto)和它的蜻蜓开发工具来快速编辑CSS和HTML。

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

我可以双击开发工具DOM视图中的任何元素(而不是在Chrome中笨拙的右键单击->"编辑为HTML"),然后所有更改都会在主浏览器窗口中实时反映。

在Chrome和我尝试过的其他浏览器中,这个工作流程是一个痛苦的过程,因为更改不是实时更新的,而是只有在用Ctrl+Enter(或类似)关闭HTML编辑器后才更新。

长话短说:有没有像Opera 12中的Dragonfly那样的现代浏览器可以实时编辑HTML源代码?甚至可以借助扩展?

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

最新更新