Firefox：编辑 HTML 并实时查看更改

Posted 2023-03-05

【中文标题】Firefox：编辑 HTML 并实时查看更改

【英文标题】：Firefox: edit HTML and see changes live

【发布时间】：2018-03-11 09:11:51

【问题描述】：

就是这样，伙计们，Firebug 已正式停产，从今天开始，在 Firefox v56 中，它不再工作了。所以替代方案是 Firefox 开发者工具。

我测试了它，比较时它似乎真的很弱。

我的问题是，当您使用 Firebug 检查元素并编辑 html 时，您可以在输入时看到您输入的更改 live，但使用开发人员工具，您需要在应用更改之前完全完成编辑。有什么方法可以让您在输入时实时显示更改？

【问题讨论】：

在 Firebug 中，您可以通过右键单击节点并单击上下文菜单中的编辑 HTML... 来直接编辑 HTML。在 DevTools 中，此选项也可通过上下文菜单获得。该选项称为“编辑为 HTML”。只有更改的实时预览目前缺少

@Dubois 没错，缺少了非常重要的实时预览。有什么方法可以激活吗？或者也许是一个替代插件，可以实时预览您的更改？

在bug 1067318 和bug 815464 中跟踪实时预览。我想你可以在那里找到答案！有和你有同样问题的人。而且我认为他们可能已经找到了一些解决方案！

谢谢，但这两个错误报告都可以追溯到 年 并且还没有接近解决。

您是否尝试查找是否有可以激活实时预览的附加组件（下载）？

【参考方案1】：

不幸的是，在 Firefox 56 中，无法实时显示 HTML 更改。您必须等待bug 1067318 和bug 815464 修复。

【讨论】：

您指的是两个大约 5 年前的错误报告吗？它永远不会被修复。

我有信心他们会在某个时候得到修复。不幸的是，Mozilla 目前显然还有其他优先事项，即完成Quantum project。根据我的经验，有些错误会很快修复，有些则需要数月或数年，具体取决于优先级。我个人希望早日实现这个功能，这就是I pushed on this earlier的原因。

太好了。我随机浏览了您的个人资料，我可以看到您比我想象的更多地参与其中。除了 Firebug 之外，是否有任何插件可以提供实时编辑预览？也许其他浏览器的开发工具？ FIrebug 肯定不是唯一具有此功能的吗？

不幸的是，Chrome、Opera 或 Edge 的 DevTools 在编辑 HTML 时都没有提供实时预览。我没有 Mac，所以无法测试 Safari 的工具。我只发现了一个名为 Canvas Flip: Visual Inspector 的 Chrome 扩展程序，它通过允许编辑页面内的文本来提供实时预览。