最可靠方式是Ctrl+U查看源代码后Ctrl+S保存原始HTML；动态页面须用F12→Elements→Copy outerHTML获取渲染后DOM；curl/wget可批量抓取原始响应。
直接保存网页源码最可靠的方式是用浏览器“查看页面源代码”后 Ctrl+S，但动态渲染的页面必须用开发者工具复制 outerHTML —— 两者结果可能完全不同。
Ctrl+U 查看源代码后保存，适合静态页面
这是服务器返回的原始 HTML，没经过 JavaScript 执行，结构干净、体积小，适合分析 SEO、meta 标签或初始 DOM 结构。
- 在 Chrome/Firefox/Edge 中打开网页，按
Ctrl+U（Mac 用Cmd+U）打开源码页 - 按
Ctrl+S弹出保存框，文件名填example.html，编码选 UTF-8，保存类型设为“所有文件” - 别选“网页，完整”，那会触发浏览器自动补全标签、插入注释，甚至改写
<script>内容 - 如果页面用 Vue/React 渲染，这里看到的多半只有
<div id="app"></div>，后面全是空的
F12 → Elements → Copy outerHTML，适合 SPA 和动态内容
这是浏览器渲染后的最终 HTML，含所有 JS 插入的节点、AJAX 加载的数据、Vue 编译后的模板，适合做离线归档或调试真实 DOM 状态。
- 按
F12打开开发者工具，切到Elements面板 - 找到顶层
<html>标签，右键 →Copy outerHTML（Chrome/Edge）或Copy → Copy outerHTML（Firefox） - 粘贴到 VS Code 或记事本里，手动检查开头是否有
<!DOCTYPE html>，没有就补上 - 保存时务必选编码为
UTF-8，否则中文、emoji 可能变乱码；扩展名必须是.html，不能是.txt
curl 或 wget 命令行抓取，适合批量或自动化
绕过浏览器，直接向服务器发请求，拿到和 Ctrl+U 一致的原始响应，但无法执行 JS，也不带 Cookie（除非手动加）。
立即学习“前端免费学习笔记（深入）”；
- 终端运行：
curl -o page.html https://example.com，或wget -O page.html https://example.com - 需要带请求头（比如模拟浏览器）：
curl -H "User-Agent: Mozilla/5.0" -o page.html https://example.com - 登录后才能访问的页面，得先用浏览器导出 Cookie，再用
-b参数传入：curl -b "sessionid=abc123" -o login.html https://example.com/dashboard - 注意：某些网站会检测
curl并返回 403，这时候得加-H "Accept: text/html"或换 User-Agent
另存为“网页，完整” vs “网页，仅 HTML”
这个选项不是保存源码，而是让浏览器帮你下载并重建整个页面资源树——它会生成一个 .html 文件 + 一个同名文件夹，里面塞满图片、CSS、JS。你根本看不到原始 HTML 是什么样子。
- 选“网页，完整”：适合想离线打开并正常显示的场景，但 HTML 文件本身会被浏览器重写（比如把相对路径转成绝对路径、自动闭合缺失标签）
- 选“网页，仅 HTML”：只保存 HTML 主体，不下载外部资源，但依然不是原始源码，而是浏览器解析后修正过的版本
- 二者都不可用于比对服务端输出，也不适合做爬虫输入源；真要分析原始结构，坚持用
Ctrl+U或curl
最容易被忽略的一点：动态页面的 outerHTML 复制结果里，<script> 标签里的内联 JS 会被保留，但绑定的事件监听器、闭包变量、全局状态全丢了——它只是快照，不是可运行副本。
