最可靠保存网页源码的方式是用浏览器「查看页面源代码」后「另存为」HTML Only；JS渲染内容需用开发者工具复制outerHTML；批量抓取可用curl；注意UTF-8编码、.html扩展名及资源路径完整性。
直接保存网页源码最可靠的方式，不是复制粘贴，而是用浏览器原生的「查看页面源代码」+「另存为」组合——它拿到的是服务器返回的原始 HTML，不是 JS 渲染后的 DOM，也不会混入浏览器注入的调试节点。
用浏览器右键保存源码（拿原始 HTML）
这是最快、最干净的方法，适用于能正常访问目标网页的场景。关键点在于：必须在「源代码标签页」里保存，而不是在原网页标签页点「另存为」。
- 在网页空白处右键 → 选「查看页面源代码」（Chrome/Edge）或「查看源代码」（Firefox），快捷键是
Ctrl+U（Windows）或Cmd+Option+U（macOS） - 新打开的标签页里，按
Ctrl+S（Windows）或Cmd+S（macOS），弹出保存对话框 - 文件名填
backup.html，保存类型选「Web Page, HTML Only」（Chrome/Edge）或「Page Source」（Firefox） - 别选「Web Page, Complete」——那会生成一堆文件夹和资源，不是单个可移植的 .html 文件
用开发者工具保存渲染后 HTML（拿实际 DOM）
当网页大量依赖 JavaScript 动态加载内容（比如 SPA、数据表格、评论区），Ctrl+U 看到的源码可能空空如也。这时 Elements 面板里的 DOM 才是真实结构。
- 按
F12或Ctrl+Shift+I打开开发者工具，切到「Elements」面板 - 右键最外层的
<html>标签 → 「Copy」→ 「Copy outerHTML」 - 粘贴进 VS Code 或记事本，保存为
dom-snapshot.html，编码选UTF-8 - 注意：这个 HTML 不含原始响应头、服务器注释，且内联样式/事件监听器可能被浏览器自动补全，和源码不完全等价
用 curl 命令批量抓取并存到指定文件夹
适合自动化备份多个页面，或需要绕过浏览器 UI 的场景。命令本身简单，但路径和权限容易出错。
立即学习“前端免费学习笔记（深入）”；
- 先确保目标文件夹存在：
mkdir -p ./backups（Linux/macOS）或mkdir backups（Windows PowerShell） - 执行：
curl https://example.com > ./backups/example.html - 如果遇到 SSL 错误，加
-k参数跳过验证；若需带 Cookie 或 User-Agent，用-H "User-Agent:..." -b "cookie=xxx" - Windows CMD 不支持
>重定向到子目录，建议改用 PowerShell 或 Git Bash
保存时最容易被忽略的三个细节
90% 的「保存后打不开」「中文乱码」「样式丢失」问题，都卡在这三处。
-
UTF-8编码必须显式指定——记事本默认用 ANSI，VS Code 默认 UTF-8，但保存时仍要确认右下角状态栏显示「UTF-8」而非「GBK」或「ISO-8859-1」 - 文件扩展名必须是
.html或.htm，不能是.txt后手动改名，Windows 会隐藏扩展名导致实际变成backup.html.txt - 如果 HTML 里有
<img src="images/logo.png">这类相对路径，而你只保存了 HTML 文件，没同步images/目录，离线打开必然 404——备份项目级 HTML，得连同 assets 一起拷贝
