浏览器无法真正导出可运行的 HTML5 文件，只能保存静态 HTML 快照；要离线运行需用开发者工具复制完整 DOM、手动处理资源路径，并通过本地服务器（如 http-server）而非双击打开。
导出 HTML5 文件不是 浏览器 的功能
浏览器本身不提供“导出 HTML5 文件”的按钮或菜单项——HTML5 是一套规范，不是一种可保存的独立文件格式。你真正能导出的，是当前页面的 HTML 源码（可能含内联 CSS/JS），或整个页面结构（含资源）的本地副本。
用「另存为」得到的是静态快照，不是可运行的 HTML5 项目
Chrome、Firefox 等浏览器的 文件 → 另存为 默认保存为 .html 文件，但实际效果有限：
- 只保存当前渲染时的 DOM 快照（不含动态生成的内容，比如 JS 渲染后的列表、Vue/React 组件状态）
- 外部资源（如
data-src="app.js" data-lazy="true" src="https://vh.sgvps.cn/help/wp-content/themes/wordpress-theme-puock-2.5.7/assets/img/z/load-tip.png"、href="style.css"）不会自动下载，保存后打开会 404 - 如果页面用了
fetch、Service Worker或localStorage，这些行为完全丢失 - 保存类型选
网页，完整（.htm/.html）时，浏览器会额外建一个同名文件夹存图片 /CSS/JS——但路径引用常出错，尤其含相对路径或 base 标签时
想保留交互和资源？得手动抓取 + 修复路径
真要离线运行一个“像样的 HTML5 页面”，必须组合操作：
- 用开发者工具（
F12）的Elements面板右键→Copy → Copy outerHTML，粘贴到新文件里——这能拿到当前真实 DOM（含 JS 插入的内容） - 检查所有
src和href，把远程地址（如https://cdn.jsdelivr.net/npm/vue@3）换成本地路径，或直接下载对应文件存到同一目录 - 注意
- 如果页面依赖 API，
fetch请求会失败——此时要么 mock 数据，要么改用本地 JSON 文件 +file://协议下允许的读取方式（但现代浏览器会因 CORS 拦截，得用本地服务器）
更靠谱的做法：用本地服务器跑而不是双击 HTML
双击打开 .html 文件走的是 file:// 协议，多数现代 HTML5 特性（如 fetch、WebGL 初始化、某些 localStorage 行为）会被浏览器限制。真正验证是否“导出成功”，得：
立即学习 “ 前端免费学习笔记（深入）”；
- 装个极简 HTTP 服务：
npx http-server（需 Node.js），在页面目录下运行，然后访问http://localhost:8080 - 或者用 VS Code 插件 Live Server，点一下就起服务
- 这时候才叫“在本地运行 HTML5 页面”——不是靠“导出”，而是靠“复现运行环境”
很多人卡在双击打不开交互功能，其实问题不在导出动作，而在没意识到浏览器对 file:// 的封锁比十年前严格得多。
