必须在“view-source:”开头的源码标签页中按Ctrl+S保存，才能获得服务器原始HTML；若在原网页标签页保存，得到的是渲染后DOM或空白文件。
“查看页面源代码”后按 Ctrl+S 就能直接保存，但必须在源码标签页里操作
很多人卡在第一步：右键选了“查看页面源代码”，却在原网页标签页里点“另存为”，结果保存的是渲染后的 DOM 或空白文件。真正有效的原始 HTML 源码，只存在于 Ctrl+U（或 Cmd+Option+U）打开的新标签页中。
这个标签页显示的是服务器返回的原始响应体，不含 JS 动态插入内容，适合做结构分析或合规存档。
- 保存前务必确认地址栏 URL 以
view-source:开头（如view-source:https://example.com） - 在该标签页按
Ctrl+S（Windows/Linux）或Cmd+S（macOS），弹出的保存对话框里，“文件名”手动补上.html后缀（如page.html） - “保存类型”选“所有文件”或“文本文件”，避免被自动加上
.txt - 别用系统默认记事本直接另存——它可能用 ANSI 编码，中文会变
???；如果弹窗没编码选项，就先复制再粘贴到 VS Code 等编辑器里另存
Elements 面板复制 outerHTML 是唯一能拿到 JS 渲染后 DOM 的方法
有些网页主体内容由 JavaScript 异步加载（比如 React/Vue 单页应用），Ctrl+U 看到的只有空壳 <div id="root"></div>。这时必须切到开发者工具的 Elements 面板，右键最外层 <html> 标签 → Copy → Copy outerHTML。
注意：这复制的是当前时刻的完整 DOM 快照，含所有动态插入的节点、内联样式、临时属性（如 data-reactroot），但也会混入浏览器自动补全的标签（比如缺失的 <tbody>）。
立即学习“前端免费学习笔记（深入）”；
- 不要用
Copy element，它只复制单个节点 - 不要在
Console里执行document.documentElement.outerHTML后复制——某些网站会拦截eval类行为，导致报错或返回空字符串 - 如果页面用了 Shadow DOM，
outerHTML默认不展开影子树；需手动展开每个#shadow-root节点再逐段复制
curl 和 wget 抓取的是服务器原始响应，但默认不处理重定向和 Cookie
命令行方式适合批量、自动化或绕过前端反调试限制。但 curl https://example.com > page.html 这种写法极容易失败：
- 遇到 301/302 重定向时，
curl默认不跟随，得加-L参数 - 登录态页面需要携带 Cookie，否则返回的是登录页而非目标内容，得配合
-b cookies.txt - 部分站点校验
User-Agent，空 UA 会被 403 拒绝，要加-H "User-Agent: Mozilla/5.0..." -
wget的--page-requisites只下载资源，不改 HTML 里的绝对路径，离线打开仍会请求线上 CSS/JS
稳妥的最小可用命令是：curl -L -H "User-Agent: Mozilla/5.0" https://example.com -o page.html。
保存后双击打不开？大概率是 file:// 协议限制或路径问题
本地双击 HTML 文件用的是 file:// 协议，而现代浏览器对它的权限做了严格限制：无法发起跨域请求、不能读取本地 file:// 下的其他文件（除非同目录）、Service Worker 会直接失效。
如果你保存的页面依赖外部 API、CDN 上的 JS 库，或 CSS/JS 引用的是绝对路径（如 src="/js/app.js"），离线打开时这些资源全部 404。
- 检查控制台报错，重点看
Blocked loading resource from file://或Cross origin requests are only supported for protocol schemes - 把绝对路径改成相对路径（如
src="js/app.js"），并确保对应文件已下载到本地同级目录 - 想彻底绕过限制，不要双击，改用
npx http-server或 VS Code 的 Live Server 插件起一个本地 HTTP 服务 - 别信“Save Page WE”这类扩展——它对 Shadow DOM、动态
import()、Web Components 支持极差，生成的文件经常缺关键逻辑
真正难的不是保存动作本身，而是搞清你要的是“服务器发来的原始字节”，还是“用户此刻看到的真实结构”，这两者技术路径完全不同，混用就会白忙活。
