如何在Chrome中保存更改的CSS?

时间:2014-06-27 17:59:36

标签: html css css3 google-chrome google-chrome-devtools

我刚开始在Chrome的开发者控制台中编辑我网站的CSS。我走得太远而没有意识到,现在我喜欢我刚刚制作的设计,并且不想在刷新页面或关闭Chrome时立即丢失所有的样式更改。

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

有没有办法做到这一点?

1 个答案:

答案 0 :(得分:1)

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