缓存清理后中文变方块、问号或乱码，根本原因是浏览器错误解析HTML编码或字体策略重置；应优先硬刷新（Ctrl+F5或Cmd+Shift+R）、手动设置document.charset、禁用网站自定义字体接管，并仅清理当前站点数据（含Service Worker）。
缓存清理后中文变方块、问号或乱码，不是缓存没清干净，而是浏览器用错误编码解析了 HTML，或者字体策略被重置。硬刷新和改 charset 声明才是关键动作，清整个缓存反而可能拖慢排查节奏。
强制硬刷新必须做，普通 F5 没用
普通刷新（F5）仍可能读取内存缓存或预加载资源，无法重建完整资源链。乱码页面上直接按：
- Windows/Linux：
Ctrl + F5 - macOS：
Cmd + Shift + R
若快捷键无响应，右键地址栏 → “重新加载忽略缓存”（Chrome/Edge 117+），或在开发者工具 Network 面板右键刷新按钮 → 选“清空缓存并硬性重新加载”。这一步跳过，后续所有操作都在错误的 DOM 解析上下文里打转。
检查并手动覆盖 document.charset
打开乱码页 → Ctrl + U 查源码 → 看 是否存在且为 UTF-8。若声明是 ISO-8859-1、GBK 或缺失，说明浏览器没执行该声明。
此时别点右键菜单“编码→UTF-8”——那只是临时覆盖，DOM 已污染。直接在开发者工具 Console 中执行：
document.charset = "UTF-8";
若无效，依次试：
document.charset = "GBK";document.charset = "GB18030";
执行后页面若立刻恢复，说明问题出在声明未生效，而非文件本身损坏。
禁用网站自定义字体接管权
这是清缓存后最常被忽略的乱码诱因：国外站点 CSS 写 font-family: Helvetica, Arial, sans-serif，完全没 fallback 中文字体。缓存一清，浏览器立刻用西文字体渲染中文，导致字宽崩塌、换行错乱、按钮文字溢出。
Chrome/Edge 中操作路径：
- 设置 → 外观 → 自定义字体
- 取消勾选【允许网站选择自己的字体，而不是您的首选项】
- 重启所有浏览器窗口
这个开关不关，即使 charset 正确，中文也可能显示为方框或错位。
只清当前网站数据比全量清理更有效
如果仅一个网站乱码，优先清理该站点的缓存与存储，避免影响其他登录态和偏好设置：
- 地址栏输入
chrome://settings/siteData（Edge 同理，Firefox 用about:preferences#privacy） - 搜索目标域名
- 点击右侧删除按钮，清除其
Cache、Local Storage、Service Workers
Service Worker 尤其关键——它可能缓存了旧版 HTML 和响应头，导致即使服务器已更新 charset，浏览器仍按旧规则解析。
真正卡住人的，往往是 document.charset 覆盖失败 + Service Worker 残留 + 字体接管三者叠加。单独做任一动作都可能漏掉其中一环，必须按顺序验证。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
