根本原因是file://协议下浏览器无法读取http响应头charset，且保存时未保留编码上下文；应选“网页，完整”格式保存，并手动将html文件编码统一为utf-8并声明charset=utf-8。
网页保存到本地后用浏览器直接双击打开显示乱码，根本原因是保存时未保留原始编码上下文，且file://协议下浏览器无法读取HTTP响应头中的charset信息，只能依赖HTML内嵌声明或文件自身编码——而多数保存操作默认忽略这两者。
保存网页时就该选对格式
用Chrome、Edge或Firefox保存网页时，必须选择“网页，完整”（即包含HTML+资源文件夹）而非“网页，仅HTML”或“文本文件”。【选错格式会导致CSS/JS丢失、图片路径断裂，且关键的可能被剥离或失效】
点击浏览器右上角菜单 → 更多工具 → 保存网页为 → 在弹出窗口中，明确勾选“网页，完整”选项 → 点击保存。
保存后你会看到一个.html文件和一个同名文件夹（含images、css等子目录），这个结构才能支撑页面完整渲染。
用记事本快速修正本地HTML文件编码
即使保存为“完整网页”，本地打开仍乱码，大概率是HTML文件本身以ANSI（GBK）编码保存，但文件里却写着，或压根没写声明。此时需手动统一。
方法一：用系统记事本硬改
右键该.html文件 → 打开方式 → 记事本 → 按Ctrl+H调出替换框 → 输入“charset=” → 全部替换为“charset=UTF-8”（注意等号前后无空格）→ 然后点击文件 → 另存为 → 在底部“编码”下拉菜单中【务必选“UTF-8”】 → 保存，覆盖原文件。
方法二：用VS Code精准重载
用VS Code打开该.html文件 → 观察右下角显示的当前编码（如“GBK”或“US-ASCII”）→ 点击该编码文字 → 选择“通过编码重新打开” → 尝试“GBK” → 若中文显示正常，再点击右下角 → 选择“以UTF-8保存” → 关闭文件并重新打开验证。
Chrome强制按UTF-8解析本地HTML文件
Chrome对file://协议特别保守，默认不信任本地文件的声明，常回退到系统ANSI编码。必须绕过这一限制。
第一步：关闭所有Chrome窗口
第二步：按Win+R，输入cmd，回车打开命令提示符
第三步：粘贴执行以下命令（注意路径中斜杠为英文正斜杠）：
start chrome.exe --user-data-dir="C:/chrome-temp" --disable-web-security --disable-cache "file:///C:/your/path/to/page.html"
第四步：在新开的Chrome窗口中，按F12打开开发者工具 → 切换到Console面板 → 输入document.characterSet回车，确认返回值为"UTF-8"
第五步：刷新页面，乱码应消失。若仍有残留，说明HTML内部存在多个冲突的charset声明，需逐个删除除第一个外的所有类似标签。
