Ctrl+U打开源码页后必须在view-source:地址栏页面按Ctrl+S保存，才能获得服务器返回的原始HTML；若在原网页按Ctrl+S则保存的是渲染后DOM快照，对React/Vue页面尤其失真。
Ctrl+U 之后必须在源码页按 Ctrl+S
直接在网页上按 Ctrl+S 保存的不是原始 HTML 源码，而是当前渲染后的 DOM 快照（尤其对 React/Vue 页面偏差极大）。真正拿到服务器返回的原始 HTML，得先按 Ctrl+U 打开「页面源代码」新标签页，再在这个标签页里按 Ctrl+S ——否则你存下来的可能是被 JS 改写过、带大量注释甚至乱码的结构。
常见错误现象：Ctrl+S 后弹出保存框但文件名自动变成 index.html 或带时间戳，且打开后样式错乱。这是因为浏览器在原网页标签页里保存时，默认走的是「另存为网页,全部」逻辑，会生成一堆资源文件夹，而不是单个干净的 .html 文件。
实操建议：
- 务必确认当前处于
view-source:开头的地址栏（如view-source:https://example.com）再按Ctrl+S - 保存类型选「所有文件」，手动输入文件名并确保以
.html结尾（例如backup.html） - 编码选 UTF-8，避免中文乱码；不要用记事本默认的 ANSI 编码
动态页面要用 Elements 面板 Copy outerHTML
像新闻聚合页、后台管理界面这类由 JS 大量渲染的页面，Ctrl+U 看到的源码往往只有 <div id="app"></div> 这种空壳。这时必须用开发者工具抓取实时 DOM。
立即学习“前端免费学习笔记（深入）”；
操作路径很固定：按 F12 → 切到 Elements 面板 → 找最外层 <html> 标签 → 右键 → Copy → Copy outerHTML。
注意点：
-
Copy outerHTML和Copy innerHTML不同：前者包含<html>根标签，后者不包含，粘贴后可能无法直接运行 - 复制完立刻粘贴到 VS Code 或 Notepad++，别用 Word 或 WPS —— 它们会偷偷转义引号和换行
- 这种保存方式不带外部 CSS/JS 文件，图片链接也多是相对路径，离线打开时资源会 404
curl 命令一行抓取，适合批量或定时备份
如果要保存几十个页面，或者每天凌晨自动抓取某监控页源码，curl 是最轻量可靠的选择。它绕过浏览器、不执行 JS、不依赖 UI，拿到的就是服务器吐出来的原始字节流。
Windows PowerShell 示例：
curl -o backup.html https://example.com
Linux/macOS 终端示例：
curl https://example.com > backup.html
关键细节：
- 加
-L参数支持跳转（curl -L -o backup.html https://example.com） - 加
--user-agent可绕过部分反爬（curl --user-agent "Mozilla/5.0" -o backup.html ...） - 若页面需登录态，
curl无法复用浏览器 Cookie，得先导出 Cookie 文件再传入
别把「网页,全部」和「网页,仅HTML」搞混
浏览器右键「另存为」时，下拉菜单里两个选项看着像，行为却完全不同：
- 「网页,全部」→ 生成
page.html+page_files/文件夹，图片/CSS 全打包，但 HTML 文件本身被浏览器重写过（比如自动补全<tbody>、插入 base64 图片），不是原始源码 - 「网页,仅HTML」→ 只生成一个
.html文件，内容是当前 DOM 快照，不含任何外部资源，也不含原始响应头信息
真正需要「原始源码」时，这两个都不要选。它们适合做离线快照，不适合做代码分析或调试依据。
容易被忽略的一点：Firefox 的「另存为」里叫「Web Page, HTML Only」，Chrome/Edge 叫「Web Page, Single File」或「Web Page, HTML Only」，名称不统一，但功能一致 —— 都不是你要的原始源码。
