最可靠方式是分清需保存“原始HTML”还是“渲染后DOM”：Ctrl+U保存原始HTML（不含JS动态内容），F12→Elements→Copy outerHTML保存实时DOM，curl/wget适合批量获取原始响应。
直接保存网页 HTML 源码，最可靠的方式不是“复制粘贴再乱存”，而是分清你要的是「服务器返回的原始 HTML」还是「浏览器渲染后的最终 DOM」——选错方法，保存出来可能缺 JS、没样式、甚至空白一片。
用 Ctrl+U 保存的是原始 HTML，但不包含动态内容
按 Ctrl+U（Windows）或 Cmd+Option+U（Mac）打开源代码页，再 Ctrl+S 保存，得到的是服务器发来的初始 HTML。它不含 JavaScript 渲染后的内容，比如评论区、加载更多按钮、SPA 路由页都可能为空。
- 适合：查看 SEO 友好结构、检查 meta 标签、抓取静态页面
- 不适合：保存登录后页面、单页应用（如知乎/掘金）、带懒加载图片的列表页
- 注意：保存时务必在文件名末尾手动加上
.html，编码选UTF-8；否则记事本可能默认存成.txt
用开发者工具 Copy outerHTML 保存的是实时 DOM
按 F12 → 切到 Elements 面板 → 右键最外层 <html> → Copy → Copy outerHTML，粘贴进编辑器再保存。这才是你眼睛看到的完整结构。
- 适合：保存已登录状态页、JS 渲染完成的仪表盘、表单填写后的结果页
- 风险点：复制出来的 HTML 里所有
src和href路径仍是相对路径或绝对 URL，离线打开时 CSS/JS/图片大概率 404 - 补救办法：保存前手动把
<link rel="stylesheet" href="/css/app.css">改成本地路径，比如<link rel="stylesheet" href="css/app.css">，并把对应文件一并下载到同目录
用 curl 或 wget 命令行保存，适合批量或定时备份
终端执行 curl https://example.com > page.html，或 wget -O page.html https://example.com，拿到的就是原始 HTTP 响应体，和 Ctrl+U 一致，但可脚本化。
立即学习“前端免费学习笔记（深入）”；
- 优势：不依赖浏览器、可加
-H "User-Agent:..."绕过简单反爬、支持 HTTPS 自动跳转 - 坑点：
curl默认不跟随重定向，需加-L参数；wget在 Windows 上需额外安装，PowerShell 的Invoke-WebRequest更原生但语法不同 - 中文网站务必加
-H "Accept-Encoding: identity"，防止 gzip 压缩内容被直接写进文件导致乱码
保存为可运行项目时，路径和编码是隐形杀手
哪怕你把 HTML、CSS、JS 全部下载到本地，双击打开仍可能白屏——90% 是因为路径写死成线上地址，或编码没设对。
- 检查所有
src、href、url()是否以http://或https://开头；替换成相对路径，比如./js/main.js - 用 VS Code 打开 HTML 文件，右下角看当前编码显示是不是
UTF-8；不是就点击切换，再重新保存 - 文件名别用中文或空格，比如
我的首页.html可能被某些环境解析失败，改用index.html最稳妥
真正麻烦的从来不是“怎么点保存”，而是保存之后打开发现样式没了、按钮点不了、文字全是小方块——这些细节藏在路径、编码、资源加载方式里，不验证就等于没保存成功。
