“网页,完整”不是原始HTML源码，因其保存的是浏览器渲染后重写的DOM结构，含自动补全标签、内联样式及下载的资源文件夹；而“网页,仅HTML”才最接近原始响应体，保留未闭合标签、注释及服务端输出原貌。
“另存为”能保存HTML源码，但默认选项不等于源码——选错格式会得到被浏览器重写过的DOM或一堆碎片文件。
为什么“网页,完整”不是原始HTML源码
选“网页,完整”（或 Web Page, complete）时，浏览器实际执行的是：抓取当前渲染后的 DOM，补全缺失的闭合标签、修正编码、内联部分样式，并把图片/CSS/JS下载到同名文件夹。你拿到的 index.html 是浏览器“理解后重写的版本”，不是服务器返回的原始响应。比如服务端返回的 <div class="a"></div><div class="b"></div>，可能被改写成带换行缩进、自动补 <head> 的结构；script 标签里的动态内容（如 document.write 生成的部分）甚至会固化成静态 HTML。
常见错误现象：
• 用文本编辑器打开“完整”保存的 HTML，发现注释里有 <!-- Saved from url=(0022)https://... --> 这类 IE 遗留标记
• 原网页中通过 JS 注入的 <meta> 或 <link> 出现在了 HTML 文件里，但源码里根本没有
• 图片路径变成相对路径 ./xxx_files/image.png，脱离配套文件夹就断链
- 适用场景：需要离线看渲染效果，且不关心原始结构是否被修改
- 不适用场景：做爬虫对比、审计页面初始状态、调试 SSR 输出
“网页,仅HTML”才是最接近原始源码的选项
这个选项直接读取 HTTP 响应体的原始字节流，不做 DOM 解析和重写，只做基础编码适配（如把 Content-Type 中声明的 charset=utf-8 应用到保存动作）。它保留了服务端吐出的一切：未闭合标签、HTML 注释、条件注释（IE）、甚至某些语法错误。
立即学习“前端免费学习笔记（深入）”；
实操建议：
• 在 Edge / Chrome / Firefox 中，都可通过三点菜单 → “另存为” → “保存类型”下拉框选 Web Page, HTML only（Chrome 显示为“网页，仅 HTML”；Edge 显示为“网页,仅HTML”）
• 不要依赖右键菜单里的“另存为”，部分网站会拦截该事件或触发自定义行为
• 保存后用 file:/// 协议双击打开，会发现样式丢失、图片不显示——这反而是对的，说明你拿到了干净的源码
- 注意：如果网页用了 SRI（Subresource Integrity）或 CSP nonce，这些属性会被原样保留，但本地打开时脚本仍被阻止，属预期行为
- 兼容性影响：UTF-8 BOM 可能被某些老编辑器误读，建议用 VS Code 或 Notepad++ 打开并确认编码显示为 UTF-8 无 BOM
真正原始源码的唯一可靠方式：curl 或 fetch + 重定向保存
当“仅HTML”选项也失准时（比如页面通过 JS 动态加载关键 HTML、或服务端根据 UA 返回不同内容），必须绕过浏览器渲染层，直连服务器获取原始响应。
命令行示例（Linux/macOS/WSL）：curl -s "https://example.com" -o backup.html
Windows PowerShell：Invoke-WebRequest -Uri "https://example.com" -OutFile backup.html
关键点：
• curl 默认不带 Cookie 和 User-Agent，若目标站校验 UA，需加 -H "User-Agent: Mozilla/5.0..."
• 若页面依赖登录态，先用浏览器导出 Cookie（如通过 DevTools Application → Cookies 复制），再传给 curl：curl -b "sessionid=abc123;" -s "https://example.com/private" -o private.html
• 不要用 curl -L 自动跳转，除非你确认重定向是预期行为；否则用 -I 先看 Location 头
- 性能影响：绕过浏览器缓存，每次都是真实请求，注意频率限制
- 容易踩的坑：HTTPS 页面若证书异常，curl 默认失败，可临时加
-k（仅测试用，勿用于生产）
SingleFile 扩展比“另存为”更接近源码但仍有偏差
SingleFile 抓取的是最终渲染完成的 DOM（类似“网页,完整”），但它把所有资源 Base64 内联、移除无用节点、压缩 HTML，并打包成单个文件。它解决的是“离线可用性”，不是“源码保真度”。
例如：
• 原始源码中 <script src="/main.js"></script> 会被替换成内联的 JS 内容
• 动态插入的 <style> 标签会被提取并合并到 <head>
• 所有图片转为 data:image/png;base64,...
所以，如果你的目标是“和服务器返回一模一样”，SingleFile 不满足；但如果你要“一个文件双击即开、不丢样式、不缺图”，它比“网页,完整”更可靠。
真正容易被忽略的地方：没有一种浏览器内置操作能 100% 还原原始响应头（如 Content-Encoding: gzip）、HTTP 状态码、或分块传输编码细节。需要源码级保真，必须用网络抓包（如 Wireshark）或服务端日志。
