当我处理我的项目时，我习惯于保存文档并刷新浏览器以查看任何更改，这是一项耗时的任务。甚至有时我会根据我的需要使用devtools直接在chrome中进行更改，最后在项目IDE中也这样做。
我的问题是，我可以在chrome中完成整个工作，然后将整个HTML和CSS样式导出为项目/原始文本吗？或者至少导出我使用chrome进行的更改？
我知道这似乎是一个愚蠢的问题，因为我们在最新的IDE中有很多很棒的功能，但我想这样做的原因是我可以在Chrome中看到的实时更改没有任何延迟，没有必要保存，打开浏览器并刷新以查看提交的更改：）
答案 0 :(得分：1)
Dev Tools的一项功能叫做Workspaces。
它将您在其中调整的远程资源映射到本地文件并持续更改。
虽然这不是一个奇迹治愈：
与工作空间一样强大，您应该注意一些限制。
- 仅保留“元素”面板中的样式更改;对DOM的更改不会保留。
- 只能保存外部CSS文件中定义的样式。对element.style或内联样式的更改不会保留。 （如果您有内联样式，可以在“源”面板上更改它们。）
- “元素”面板中的样式更改会立即保留，不会显式保存 - Ctrl + S或Cmd + S（Mac） - 如果您将CSS资源映射到本地文件。
- 如果要从远程服务器而不是本地服务器映射文件，则在刷新页面时，Chrome会从远程服务器重新加载页面。您的更改仍会保留在磁盘上，如果您继续在工作区中进行编辑，则会重新应用。
- 您必须使用浏览器中映射文件的完整路径。甚至您的索引文件也必须在URL中包含.html，以便查看暂存版本。