Chrome DevTools本地CSS修改刷新页面后意外留存如何解决

这个现象几乎都是误开启了DevTools的*本地覆盖（Local Overrides）*功能导致的，该功能默认关闭，开启后会持久化你对页面资源的本地修改，刷新页面也不会自动清除，符合你描述的异常表现。你可以按以下步骤恢复原有行为：

• 打开DevTools（快捷键F12 / Ctrl+Shift+I / Command+Option+I），切换到「Sources」面板
• 在左侧边栏找到「Overrides」标签，若标签被隐藏，点击边栏顶部的>>按钮在下拉列表中找到该选项
• 取消勾选「Enable Local Overrides」即可关闭持久化修改功能，后续在元素面板修改的CSS刷新后就会自动重置。如果你不需要之前的覆盖记录，也可以右键已绑定的覆盖目录，选择「Remove folder」删除所有本地覆盖数据
• 如果关闭本地覆盖后问题仍然存在，可打开DevTools设置（快捷键F1 / 点击DevTools右上角齿轮图标），进入「Experiments」标签页，取消所有带persistence、override关键词的实验性选项后重启DevTools
• 临时单次清除修改不需要关闭功能的话，直接按Ctrl+F5 / Command+Shift+R硬刷新页面，或者在Network面板勾选「Disable cache」后再刷新即可

内容的提问来源于stack exchange，提问作者aero