正确保存网页源码需区分原始html与渲染后dom：原始html应通过network标签页中doc请求save as；渲染后dom可复制elements内容，但需注意js动态内容及file://协议限制。
浏览器右键“查看网页源代码”后点不了保存
这不是功能缺失，而是设计如此——右键菜单里的“查看网页源代码”只是只读预览页，不提供保存入口。新手常在这里卡住，反复右键、刷新、重试，其实根本没出口。
正确路径是：F12 打开开发者工具 → 切到 Elements 标签页 → Ctrl+A 全选 → Ctrl+C 复制 → 新建文本文件（别用 Windows 记事本默认 ANSI 模式）→ 粘贴 → 另存为 index.html，编码必须手动选 UTF-8。
注意：Elements 里复制的是当前渲染后的 DOM，含 JS 动态插入的内容；要原始 HTML 源码，得去 Network 标签页刷新页面 → 找 Doc 类型请求 → 右键 → Save as。
用 curl 或 wget 下载后打开是白屏或样式丢失
单条命令如 curl -o page.html https://example.com 只抓 HTML 文本，所有 href 和 src 引用的 CSS、JS、图片全都不在本地——这不是失败，是预期行为。
要离线可打开，必须带资源递归下载：
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
-
wget --page-requisites --convert-links --adjust-extension --no-parent https://example.com/page.html——--page-requisites是关键，它强制下载页面必需资源 -
--convert-links把绝对 URL 改成相对路径，否则双击打开时仍走网络请求，404 - 跨域资源（比如 CDN 上的字体、JS）默认不抓，需加
--span-hosts --domains=cdn.example.com - Windows 用户若无
wget，可用 WSL 或curl -sL https://example.com | htmlq 'html' > index.html（配合htmlq提取结构）
Save Page WE 或 SingleFile 扩展保存后打不开
这类扩展本质是序列化当前 DOM 并打包，不发真实 HTTP 请求，所以能绕过部分反爬，但也有硬伤：
- 遇到
Shadow DOM封装的组件（如某些 Web Component），内部结构可能完全漏掉 - 异步加载的数据（
fetch/XHR）若保存时机早于响应返回，内容就是空的 -
document.write()或 iframe 动态写入的内容，扩展无法还原原始执行顺序，本地打开易白屏 - 生成的
index.html常含大量内联style和script，体积膨胀且难调试
建议：对 React/Vue 单页应用，优先用 Network → Doc → Save as 拿原始 HTML；对含大量 JS 渲染的页面，可先等页面完全就绪（看 Network 面板无 pending 请求），再触发保存。
本地双击打开 HTML 文件报错或空白
90% 的“打不开”不是保存失败，而是 file:// 协议限制导致：
- 浏览器禁止
file://下的fetch()、XMLHttpRequest、import模块等操作，控制台会报CORS policy错误 - 外部资源路径写成绝对路径（如
href="/css/style.css"）会导致 404，因为file://下根目录是本地磁盘路径，不是网站根 - 部分网站依赖
Service Worker，而file://不支持注册 SW，直接静默失效
验证方式：用本地服务器启动，比如 python3 -m http.server 8000，然后访问 http://localhost:8000/index.html —— 这才是真实运行环境。
真正容易被忽略的是：即使保存成功、路径正确、编码无误，只要用了现代前端框架或任何异步数据加载逻辑，file:// 就是伪离线。别省这一步起服务。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
