从 Devtools 本地保存 html
Save html locally from Devtools
我正在使用 Emmet Livestyle 和 Chrome 以及 Sublime 文本编辑器。我正在本地编辑我的文件，可以从开发工具更新我的 css 和 js 以便同时反映这些更改在我的本地文件中。但是我怎样才能更新我的 html 代码呢？
Browser 是 http client..... html 代码由服务器提供......如果您正在开发并且是服务器端的所有者代码....然后在服务器端复制您在级联样式sheet中所做的更改。
我们无法坚持 HTML 编辑回来。因为，嗯，你不是在编辑 HTML。这是正在发生的事情...
服务器发送 Chrome 页面 (HTML。) 这被获取、标记化，然后从中构建 DOM（文档对象模型）。然后该页面被丢弃，只有 DOM 保留在内存中。这就是您在“元素”面板上看到的内容。该面板是完整的 DOM，看起来像 ease-of-use.
的 HTML 标记
服务器下发的HTML，可以由PHP、Ruby、C、hand-coded等生成。 DevTools 无法知道。因此，我们无法自动将 DOM 中的源代码编辑传回。 CSS 和 JS 都可以利用 sourcemaps 所以 DevTools 知道把东西发回哪里。它不是 100%，因为如果你正在使用一个变量，你不是在编辑变量而是改变设置值（至少在 CSS 中）。但它对于大多数用途来说已经足够好了。 HTML 由后端语言生成，这些问题变得更加复杂、难以管理，并且最终不会为开发人员提供最佳体验。
您可以做的最好的事情是设置 workspaces 并开始在 DevTools 中编辑您的源代码。但是，这有一个缺陷，即目前不支持自定义扩展。因此，您在这条路线上的写作体验非常一般。
我正在使用 Emmet Livestyle 和 Chrome 以及 Sublime 文本编辑器。我正在本地编辑我的文件，可以从开发工具更新我的 css 和 js 以便同时反映这些更改在我的本地文件中。但是我怎样才能更新我的 html 代码呢？
Browser 是 http client..... html 代码由服务器提供......如果您正在开发并且是服务器端的所有者代码....然后在服务器端复制您在级联样式sheet中所做的更改。
我们无法坚持 HTML 编辑回来。因为，嗯，你不是在编辑 HTML。这是正在发生的事情...
服务器发送 Chrome 页面 (HTML。) 这被获取、标记化，然后从中构建 DOM（文档对象模型）。然后该页面被丢弃，只有 DOM 保留在内存中。这就是您在“元素”面板上看到的内容。该面板是完整的 DOM，看起来像 ease-of-use.
的 HTML 标记服务器下发的HTML，可以由PHP、Ruby、C、hand-coded等生成。 DevTools 无法知道。因此，我们无法自动将 DOM 中的源代码编辑传回。 CSS 和 JS 都可以利用 sourcemaps 所以 DevTools 知道把东西发回哪里。它不是 100%，因为如果你正在使用一个变量，你不是在编辑变量而是改变设置值（至少在 CSS 中）。但它对于大多数用途来说已经足够好了。 HTML 由后端语言生成，这些问题变得更加复杂、难以管理，并且最终不会为开发人员提供最佳体验。
您可以做的最好的事情是设置 workspaces 并开始在 DevTools 中编辑您的源代码。但是，这有一个缺陷，即目前不支持自定义扩展。因此，您在这条路线上的写作体验非常一般。