ctrl+u打开的页面才是原始html源码，直接ctrl+s保存即可；其他方式如copy outerhtml、curl或“另存为”均会混入动态内容、资源文件夹或受ua/重定向影响，无法保证源码纯净性。
Ctrl+U 打开的页面才是原始 HTML 源码，直接 Ctrl+S 保存即可——这是最干净、最可靠的方式。其他路径容易混入动态内容或资源文件夹，反而增加后续处理成本。
怎么用 Ctrl+U 保存原始 HTML 源码
浏览器按 Ctrl+U（Windows/Linux）或 Cmd+Option+U（macOS）后，会新开一个纯文本标签页，显示服务器返回的原始 HTML 字节流，未经过 JS 渲染或 DOM 修改。
关键操作步骤：
- 必须在该新标签页中操作
Ctrl+S，不能在原网页标签页里“另存为” - 保存时，“文件名”手动输入
xxx.html，确保扩展名正确 - “保存类型”选“所有文件”（Notepad++/VS Code）或“Web Page, HTML Only”（Chrome/Edge）
- 编码务必选 UTF-8，避免中文乱码（尤其含中文内容的页面）
Copy outerHTML 导出的是渲染后 DOM，不是源码
在开发者工具 Elements 面板右键 → Copy outerHTML，得到的是当前内存中的 DOM 快照，含 JS 动态插入的节点、移除的注释、自动补全的标签（如 <tbody>），和服务器发来的原始 HTML 不一致。
<p>适用场景有限：</p>
<ul>
<li>调试 SPA 页面结构（如 React/Vue 渲染结果）</li>
<li>需要导出修改后的临时 HTML（比如删了广告脚本再保存）</li>
<li>目标页面根本没提供静态 HTML（纯 JS 加载）</li>
</ul>
<p>不适用于：做网页快照归档、比对服务端响应、分析 SEO 原始结构。</p>
<h3>用 <code>curl 抓取时注意重定向和 UA
curl https://example.com > backup.html 看似简单，但实际常失败，原因很具体：
- 很多网站对非浏览器
User-Agent返回 403 或空页，加-H "User-Agent: Mozilla/5.0"才能拿到真实 HTML - 遇到 301/302 重定向默认不跟随，需加
-L参数 - HTTPS 页面若证书异常（如自签名），得加
-k，但应仅限可信内网环境 - 部分站点依赖 Cookie 或 Referer，单纯
curl无法复现登录态
更稳妥的命令示例：curl -L -H "User-Agent: Mozilla/5.0" https://example.com -o backup.html
“另存为 → 网页，全部”生成的是混合包，不是单 HTML 文件
这个选项看似省事，实则埋坑：它会生成一个 xxx.html + 一个 xxx_files/ 文件夹，两者必须共存才能正常打开。一旦移动或删除文件夹，图片/CSS 全部失效，双击打开只剩空白或排版错乱。
只建议在以下情况使用：
- 你需要离线查看带图、带样式的完整页面效果
- 你明确知道后续不会单独搬运 HTML 文件
- 你接受多文件管理，并会把二者打包压缩传输
如果目标只是获取可编辑、可 Git 提交、可自动化解析的 HTML 文本，这个方式反而最不推荐。
真正要存一份“干净可追溯”的 HTML 源码，Ctrl+U → Ctrl+S 是唯一不需要判断上下文、不引入额外变量、结果完全可预期的操作。其余方法都得先想清楚：你要的是服务器吐出来的字节，还是浏览器内存里的快照，抑或是带资源的运行态副本——选错路径，后面花三倍时间清理也未必能还原。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
