从Devtools本地保存html

Question

我正在使用Emmet Livestyle Chrome和Sublime文本编辑器。我在本地编辑我的文件，可以从devtools更新我的 css 和 js ，以便这些更改同时反映在我的本地文件中。但是如何更新我的 html 代码？

Answer 1

我们无法保留HTML编辑功能。因为，你不能编辑HTML。这是正在发生的事情......

服务器向Chrome发送页面（HTML。）。这是标记化的，然后构建一个DOM（文档对象模型）。然后该页面被删除，只有DOM保存在内存中。这就是您在“元素”面板上看到的内容。该面板是完整的DOM，看起来像HTML标记，易于使用。

从服务器发送的HTML，可以通过PHP，Ruby，C，手工编码等生成。 DevTools无法知道。因此，我们无法自动在DOM中传输源编辑。 CSS和JS都可以利用源图，因此DevTools知道将内容发送回去的位置。它不是100％，因为如果你使用的是变量，你不能修改变量但是改变设定值（至少在CSS中）。但它对于大多数用途来说已经足够了。通过后端语言生成HTML，这些类型的纠结变得更加复杂，难以管理，最终将为开发人员提供最佳体验。

您可以做的最好的事情是设置workspaces并转而在DevTools中编辑源代码。但是，这有一个缺陷，即目前不支持自定义扩展。所以你有一个非常通用的写作经验。

Answer 2

Browser是一个http client ..... html代码是从服务器提供的......如果你正在开发服务器端代码的所有者......然后复制您在服务器端的级联样式表中所做的更改。