要拿到真正的原始html源码，必须使用右键“查看页面源代码”或ctrl+u后ctrl+s保存，而非elements面板的copy outerhtml；前者是服务器返回未执行js的初始html，后者是js动态渲染后的dom快照。
直接右键“查看页面源代码”再 Ctrl+S 是最可靠的方式，能拿到服务器返回的原始 HTML；用开发者工具复制 outerHTML 拿到的是渲染后的 DOM，二者本质不同，别混用。
怎么拿到真正的原始 HTML 源码（不是渲染后的内容）
原始 HTML 指服务器发过来、还没被 JavaScript 修改过的那一版。它藏在“查看页面源代码”里，不是你在网页上看到的样子。
- 在 Chrome / Edge / Firefox 中打开目标网页，右键空白处 → 选“查看页面源代码”（或按
Ctrl+U/Cmd+Option+U） - 新标签页打开后，直接按
Ctrl+S（Windows）或Cmd+S（macOS），别点浏览器菜单里的“另存为” - 保存时务必确认文件名以
.html结尾，编码选 UTF-8，格式选“所有文件”或“文本文件” - 常见错误：
另存为时在原网页标签页操作 → 保存的是当前 DOM 快照，不是原始响应
什么时候必须用 outerHTML 而不是源代码
当页面大量依赖 JS 渲染（比如 React/Vue 单页应用），Ctrl+U 看到的可能只有 <div id="root"></div>，这时原始源码没意义，得抓最终 DOM。
- 按
F12打开开发者工具 → 切到Elements面板 - 找到最顶层的
标签，右键 →Copy→Copy outerHTML - 粘贴进文本编辑器，保存为
.html文件，编码选 UTF-8 - 注意：这个 HTML 不含外部 CSS/JS 文件，图片路径也可能是相对地址，离线打开可能样式错乱
curl 和 wget 抓取时要注意什么
命令行方式适合批量、定时或脚本化保存，但默认只拿 HTML，不处理重定向、Cookie 或反爬头。
- 基础用法：
curl https://example.com > page.html或wget -O page.html https://example.com - 遇到 403/406 错误？加
-H "User-Agent: Mozilla/5.0"模拟浏览器请求 - 页面有登录态或跳转？用
-L（curl）或--max-redirect（wget）支持重定向 - 中文乱码？加
-o page.html --encoding=utf-8（wget）或确保终端编码一致
保存后打不开或样式丢失怎么办
这不是操作失败，而是你混淆了“源码保存”和“完整网页存档”两个目标。
- 如果只要结构分析或备份源码：用
Ctrl+U+Ctrl+S就够了，别指望它能完美渲染 - 如果要离线完整查看效果：浏览器“另存为”时选“网页，全部”（不是“仅 HTML”），会生成一个
.html文件 + 同名文件夹，两者必须共存 - 动态页面存档推荐用
SingleFile浏览器扩展，它能把 JS 渲染结果+资源全打包成单个.html文件 - 别手动改
src或href路径去适配本地——容易漏，也破坏原始结构
真正容易被忽略的点是：原始 HTML 和渲染后 DOM 是两套东西，没有哪个“更对”，只有哪个更符合你当下用途。选错入口，后面所有保存动作都白忙。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
