如何在 Chrome 中保存更改的 CSS？ [复制]

Posted 2023-03-05

【中文标题】如何在 Chrome 中保存更改的 CSS？ [复制]

【英文标题】：How can i save changed CSS in Chrome? [duplicate]

【发布时间】：2014-08-18 22:31:05

【问题描述】：

我刚开始在 Chrome 的开发者控制台中编辑我网站的 CSS。我在不知不觉中走得太远了，现在我喜欢我刚刚制作的设计，并且不想在刷新页面或关闭 Chrome 后立即丢失所做的所有样式更改。

刷新代码后更改将被删除，因此我想下载新的 Custom.css 文件（编辑版本）。

有什么方法可以做到吗？

【问题讨论】：

在源视图中编辑文件时只需点击控制保存即可。

【参考方案1】：

据我所知，您实际上无法下载它，但您可以获得代码。在查看元素选项卡时，您应该在“样式”下看到您的 CSS。在“样式”窗口中，它应该命名每个样式来自的 CSS 文件。据推测，在您的情况下，这将是 Custom.css。如果单击显示 Custom.css 的位置，它应该会在“源”选项卡上打开，其中包含一个包含 CSS 文件内容的选项卡。从那里您可以复制并粘贴它。不是超级整洁，但您不会丢失所做的更改。

【讨论】：

它确实有效 谢谢你:) :)