如何永久保存在 Chrome 样式面板中所做的 CSS 更改？

在 Chrome 的样式面板中保留 CSS 更改

Chrome 的开发者工具允许在样式面板中方便地内联编辑 CSS 样式。不过，本文探讨了如何永久保存这些更改，因为该功能本身并不可用。

本机工作区集成

现代 Chrome 版本引入了工作区功能，启用将本地文件夹添加到工作区。这允许将网络资源映射到本地资源，包括 CSS 文件。

1. 导航到“源”面板并右键单击左侧文件列表面板。
2. 选择“添加文件夹”到工作区。”
3. 授予 Chrome 访问该文件夹的权限。
4. 将所需的网络资源（CSS 文件）映射到其本地

对本地 CSS 文件所做的更改现在将反映在开发工具中，保存文件 (CTRL S) 将永久保留它们。

Firebug替换

虽然 Firebug 提供了 CSS 更改保存的扩展，但此类工具不适用于现代 Chrome 开发者工具。但是，本机 Workspace 集成提供了保留 CSS 更改的全面解决方案，无需外部加载项。

以上是如何永久保存在 Chrome 样式面板中所做的 CSS 更改？的详细内容。更多信息请关注PHP中文网其他相关文章！