双击本地HTML文件显示空白或资源缺失，主因是file://协议安全限制及保存不完整；应选“网页，全部”保存、取消文件属性安全拦截、用Edge直接打开或启用浏览器不安全源访问。
你已经把网页保存到电脑本地，断开网络后双击HTML文件却只看到空白页、错位排版或“找不到资源”提示——这说明浏览器虽加载了主文件，但无法定位或读取图片、CSS、JS等配套资源，必须从保存方式、路径结构、协议权限三方面同步校准。
确认保存类型是否真正完整
打开目标网页 → 按 Ctrl+S 调出另存为窗口 → 在“保存类型”下拉菜单中必须选择【网页，全部（*.htm；*.html）】。
选“仅HTML”会剥离所有外部依赖：图片变成红叉、按钮失效、导航栏消失、文字堆叠成一团。这个选项只适合纯文本通知页，对任何带样式的现代网页都不可用。
保存后，你会在指定目录看到一个 .html 文件 + 一个同名文件夹（如 index_files/ 或 article_files/），里面包含 images/、css/、js/ 等子目录。缺了这个文件夹，就等于只存了菜谱没存食材。
Chrome/Firefox/Edge 中双击打开失败的修复步骤
第一步：右键刚保存的 .html 文件 → 选择“属性” → 取消勾选“安全”选项卡下的【此文件来自其他计算机，可能被阻止以保护此计算机】→ 点击“确定”。
第二步：在文件管理器中，不要直接双击打开，而是右键 → “打开方式” → 选择 Chrome 或 Firefox（不要选系统默认浏览器，尤其避免用IE或Edge旧版）。
第三步：若仍显示空白或报错“Failed to load resource”，说明浏览器因安全策略拒绝加载本地 file:// 协议下的相对路径资源。此时需手动启用——在Chrome地址栏输入 chrome://flags/#unsafely-treat-insecure-origin-as-secure → 在搜索框输入“insecure origin” → 找到该实验性开关 → 点击“启用” → 在下方“也包括的不安全来源”框中粘贴你保存网页的完整路径，例如 file:///D:/MyWeb/ → 点击“立即重启”。
Firefox无需改flag，但首次打开时会弹出黄色警告条，点击“允许”即可加载本地资源。
用 Edge 浏览器一键绕过限制
方法一：将保存好的网页文件夹复制到 Edge 默认下载目录（通常是 Downloads 文件夹）→ 打开 Edge → 地址栏输入 edge://downloads → 找到该 .html 文件 → 点击右侧“在文件夹中显示” → 在弹出的资源管理器窗口中双击打开。
方法二：在 Edge 地址栏直接输入完整 file:// 路径，例如 file:///C:/Users/Name/Downloads/my-page.html → 回车。Edge 对本地文件协议兼容性最强，90% 的离线网页可直接渲染成功。
注意：路径中不能含中文或空格，否则部分资源会加载失败。若原路径含中文，请先重命名为英文，如将“我的教程.html”改为“tutorial.html”。
终极验证：用 VS Code 快速检查资源链接
用 VS Code 打开刚保存的 .html 文件 → 按 Ctrl+F 搜索 src= 和 href= → 查看所有路径是否都指向同级文件夹内的资源，例如 src="article_files/images/logo.png"。
如果出现 src="https://cdn.example.com/img.jpg" 或 href="/css/style.css" 这类绝对网络路径或根路径，说明网页未被完整静态化，离线时必然缺失内容。此时需换用“单个文件（MHTML）”格式重存，或使用 HTTrack 工具全站镜像。
