浏览器“查看页面源代码”看不到 iframe 内容，因为 iframe 的 html 是独立请求、动态加载的，原始源码中仅含 标签；保存需分同源（js 可读取）或跨域（需单独请求 src url）处理，且需注意 cookie、状态码及 js 渲染等限制。
直接右键“另存为”或复制 view-source: 页面源码，**无法保存 iframe 实际加载的内容**——iframe 的 HTML 是独立请求、动态插入的，原始源码里只有 <iframe src="..."></iframe> 标签，不包含其内部结构。
为什么浏览器“查看页面源代码”看不到 iframe 里的 HTML
因为 iframe 内容是浏览器在渲染阶段单独发起 HTTP 请求加载的，和父页面源码物理隔离。原始 HTML 文件里只有一行 <iframe src="https://example.com/embed"></iframe>，Ctrl+U 打开的源码中根本不会包含 https://example.com/embed 返回的 HTML。
- 常见错误现象：
curl https://parent-page.com或右键“查看源代码”后保存，打开发现 iframe 区域为空白或仅显示 fallback 文本 - 跨域 iframe（如嵌入 YouTube、Bilibili）受同源策略限制，JavaScript 也无法直接读取其
contentDocument - 即使同源，也必须等 iframe 加载完成（
iframe.onload触发后）才能访问其 DOM
保存 iframe 内容的可行路径：分情况处理
能否保存，取决于 iframe 是否同源、是否允许 JS 访问、以及你是否有权限调用其服务器接口。
-
同源 iframe（src 域名与父页一致）：可在控制台执行
document.querySelector('iframe').contentDocument.documentElement.outerHTML获取内容，再手动保存 -
跨域 iframe（如 embed.twitter.com、player.vimeo.com）：JS 无法读取，只能单独对 iframe 的
srcURL 发起请求（如用curl或requests.get()），前提是该地址允许公开访问且无反爬 - 带登录态或 token 的 iframe：需复用父页 Cookie 或手动构造带认证头的请求，否则返回 401 或跳转登录页
命令行批量抓取 iframe 源码（推荐场景）
适用于你已知所有 iframe 的 src 地址，且目标可直连。注意：不能自动处理 JavaScript 渲染内容，仅获取服务端返回的原始 HTML。
curl -s "https://embed.example.com/widget" -o iframe-widget.html
- 若需保持会话，加
-b cookies.txt（先从浏览器导出 Cookie） - 若 iframe 内容依赖 JS 初始化，
curl无效，得换puppeteer或 Playwright 启动真实浏览器 - 保存时务必检查响应状态码：
curl -I看是否返回200 OK，避免保存到重定向页或错误页
容易被忽略的关键点
iframe 不是“网页的一部分”，而是“另一个网页的引用”。想完整归档，你实际要存的是两个（或多个）独立 HTML 文件：父页 + 每个 iframe 的 src 对应页面，并手动维护它们之间的引用关系。没有一键打包工具能可靠做到这点，尤其当 iframe 地址是动态拼接或由 JS 计算生成时。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
