检查元素Chrome CSS更改在刷新时丢失

Question

这可能是一个奇怪的问题,但我经常这样做,我将要问,当我通过CSS对我的网页外观进行一些调整时,我经常只是检查元素并输入更改然后当它看起来我将这些更改复制并粘贴回我的css表并保存(css文件位于我用FTP上传的远程服务器上),偶尔我会意外刷新页面而没有正确复制css并松开我的CSS,有没有办法"刷新我的页面之后还是回复那些更改,还是有一个工具可以用来自动保存/备份它们以免丢失？

Answer 1

您可以使用 DevTools 工作区来执行此操作：https ://developer.chrome.com/docs/devtools/workspaces/

您只能更改文件中的 CSS，而不能更改内联 CSS 或 HTML 标记。

Answer 2

我将样式融入页面并以与您相同的方式复制它们。

为了回答你的问题，我不知道有什么方法可以恢复更改（清除更改是“刷新”的全部要点），但这里有两个替代选项：

1. 进行较小的更改（我尝试一次专注于单个元素/节点）
2. 有很多 chrome 扩展可以解决此类问题
   • https://chrome.google.com/webstore/detail/devtools-autosave/mlejngncgiocofkcbnnpaieapabmanfl?hl=en