Chrome / Firefox检查器可以编辑HTML

Question

我知道我可以在Chrome / Firefox检查器中编辑HTML元素。但是，如何保存更改到桌面上的本地文件？

Answer 1

是的，您可以通过右键单击浏览器窗口中的页面来编辑locally saved html file in IE9，选择在记事本中打开的“查看源”并编辑代码，然后转到文件并保存更改。

你可以在Firefox中做同样的事情，打开Firebug，然后打开记事本的Firebug编辑器。

我只是想到我记得通过直接点击页面并在Firefox中打开“查看源代码”就像我在IE9中所做的那样。

Answer 2

Firefox中的查看源允许您使用代码并对其进行编辑，但保存和编辑实际工作文件需要打开它，进行相同的更改，然后保存。我建议使用开发人员工具，一旦你有你想要的东西，复制并粘贴改变后的源代码，以便在原始文件中使用。如果您有firebug和firebug编辑器，我认为您可以实际更新文件本身。 Chrome允许您编辑这样的JavaScript，但我不确定HTML和CSS

Answer 3

我有同样的问题，如何编辑DOM html并保存结果。在我的PC上，我可以使用Scratchpad通过将文件类型更改为all，打开文件，编辑它，执行保存，然后刷新页面来有效地执行此操作。稍微麻烦一下，您可以从Inspector复制并粘贴到Scratchpad。它非常hacky，但确实有效。

但是，我的一名使用Macbook AIR的学生无法使用ScratchPad编辑html文件，她可以编辑.js文件，但所有html文件都显示为灰色且无法点击。最重要的是，我不知道这个＆＃34;解决方案＆＃34;适用于所有系统。

Answer 4

Chrome可以通过工作区执行某些操作。打开devtools转到Sources添加文件夹到工作区选择你的index.html（或其他）编辑并保存，方法是单击ctrl + s。刷新浏览器，您将看到更改是永久性的。但是你不能去Elements / Inspector选择一些标签来改变它并保存因为＆＃34; DOM！== HTML＆＃34;。