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

Question

这可能是一个奇怪的问题，但我经常这样做以至于我会问，当我通过 CSS 对网页的外观进行一些调整时，我通常只是检查元素并进行更改，然后当它看起来正确时，我将这些更改复制并粘贴回我的 css 表并保存（css 文件位于通过 FTP 上传的远程服务器上），有时我在没有正确复制 css 的情况下不小心刷新页面并丢失了我的 css，是否存在一种“在刷新我的页面后取回这些更改的方法，或者是否有一种工具可以用来自动保存/备份它们，以免它们丢失？

Answer 1

您可以使用 DevTools 工作区做到这一点：https://developer.chrome.com/docs/devtools/workspaces/

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

Answer 2

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

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

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