直接保存原始html源码用ctrl+u→ctrl+s最快；存javascript渲染后结果须用开发者工具复制outerhtml，二者内容可能完全不同。
直接保存原始 HTML 源码，用 Ctrl+U → Ctrl+S 最快；想存 JavaScript 渲染后的结果，必须进开发者工具复制 outerHTML —— 两者内容可能完全不同，选错就白存了。
用 Ctrl+U 查看并保存原始 HTML 源码
这是最接近服务器返回的原始 HTML，不含 JS 动态插入的内容，适合做协议层分析或比对服务端输出。
- 在 Firefox 中打开目标页，按
Ctrl+U（Mac 是Cmd+Option+U）直接跳转到源码页 - 源码页支持原生
Ctrl+S，弹出保存框时：文件名填xxx.html，保存类型选“所有文件”，编码默认 UTF-8 即可 - 不要选“网页, 完整”或“网页, 仅 HTML”——那是页面菜单里的选项，
Ctrl+U页面里没有这个下拉菜单 - 如果网页启用了 CSP 或反爬策略，
Ctrl+U可能被禁用，此时会空白或跳转失败，得换方法
用开发者工具保存渲染后 DOM（含 JS 生成内容）
单页应用（SPA）、登录后动态加载的列表、点击展开的详情页，原始源码里根本没这些内容。必须用 Elements 面板导出当前真实结构。
- 按
Ctrl+Shift+I打开开发者工具，切到Inspector（Firefox 叫这个名字，不是 Elements） - 在左侧元素树中找到顶层
节点，右键 →Copy→Copy outerHTML - 粘贴到 VS Code / 记事本等编辑器，**务必手动保存为
.html后缀**，编码选 UTF-8；别用“另存为网页”功能，那会加 BOM 或改格式 - 注意：如果页面用了 Shadow DOM 或 iframe 内容，
outerHTML默认不包含它们，需单独定位并复制对应节点
命令行或脚本方式抓取（绕过浏览器限制）
当页面禁用右键、屏蔽 Ctrl+U、或需批量处理时，curl 或 Python requests 更可靠，但拿到的是服务端响应，不含客户端 JS 补充内容。
- 终端执行：
curl -s "https://example.com" > page.html，-s 静默模式避免进度条混入 HTML - 若网站校验
User-Agent或需要 Cookie，加头：curl -H "User-Agent: Mozilla/5.0" --cookie "session=abc123" https://example.com > page.html - Python 脚本中记得检查
response.status_code == 200和response.headers.get("content-type", "").startswith("text/html")，避免把重定向响应或 JSON 当 HTML 存了 - Firefox 自身不提供内置命令行导出，别在地址栏输
about:config找相关开关——没有
真正容易被忽略的点是：原始源码和渲染后 DOM 是两套东西，一个来自网络请求，一个来自内存状态。存之前先确认你要的是哪一层——调试接口？复现用户看到的页面？还是审计前端逻辑？目标不同，方法不能混用。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
