Ctrl+U或右键“查看页面源代码”可获取服务器返回的原始HTML，不含JS动态内容；F12后Copy outerHTML可复制渲染后完整DOM；curl命令适合批量抓取原始HTML。
复制网页原始HTML源码（Ctrl+U方式）
这是最接近服务端返回的原始HTML，不含JS动态插入内容，适合分析初始结构或调试服务端渲染问题。
- 在网页任意位置右键 → 选择“查看页面源代码”（Chrome/Edge）或“查看源代码”（Firefox），部分浏览器快捷键是
Ctrl+U - 新标签页打开后，全选（
Ctrl+A）→ 复制（Ctrl+C） - 注意：如果页面用了SSR但后续被JS大量重写，这里看到的和F12里Elements面板的内容可能差异很大
- 禁用JavaScript后再看这个源码，能确认是否真由服务端输出——可在开发者工具
Settings → Preferences → Debugger勾选Disable JavaScript
复制当前渲染后的完整HTML（F12 + outerHTML）
当你需要保存JS执行完、DOM已更新的真实状态（比如单页应用加载完数据后的页面），必须用这个方法。
- 按
F12或Ctrl+Shift+I打开开发者工具 → 切换到Elements面板 - 在左侧DOM树中找到顶层
<html>标签 → 右键 → 选择Copy outerHTML（Chrome/Edge）或Copy → Copy outerHTML（Firefox） - 不要用
Copy innerHTML，它会漏掉<head>中的<meta>、<title>等关键节点 - 粘贴到编辑器后，检查是否有内联样式或动态生成的
data-属性——这些在原始源码里通常不存在
用命令行直接抓取并保存到指定路径
适合批量下载、自动化脚本或绕过浏览器限制（比如某些页面禁用右键但HTTP响应仍可获取）。
- 确保目标目录存在：
mkdir -p ./pages - 用
curl获取原始响应并保存：curl https://example.com > ./pages/index.html - 加
-L支持重定向，加--user-agent避免被反爬拦截：curl -L --user-agent "Mozilla/5.0" https://example.com > ./pages/index.html - Python用户可用
requests.get().text，但注意默认不处理编码，建议显式指定response.encoding = 'utf-8' - curl保存的是服务器返回的原始字节流，不会自动修复HTML语法错误或补全标签，和浏览器“另存为”行为不同
保存为可双击打开的HTML文件时的关键细节
很多人保存后双击打不开或中文乱码，问题几乎都出在这几步。
立即学习“前端免费学习笔记（深入）”；
- 文件扩展名必须是
.html或.htm，不能是.txt—— Windows记事本默认会加.txt，务必在“另存为”对话框中把“保存类型”设为所有文件 - 编码必须选
UTF-8（不是ANSI或UTF-8 with BOM），否则中文、emoji或特殊符号会显示为方块或问号 - 如果HTML里引用了相对路径的CSS/JS（如
<script src="js/app.js">），离线打开时这些资源会404——要么改成绝对URL，要么把整个资源文件夹一并复制过来 - VS Code等编辑器默认保存为UTF-8无BOM，更安全；记事本则容易误选ANSI，这点要盯紧
index.html.txt；或者选了“所有文件”但编码用了ANSI，导致中文全乱。这两个点卡住的人最多。 
