应根据需求选择方法：同源弹窗用Ctrl+U获取原始HTML源码，JS渲染内容则用Elements面板Copy outerHTML或console执行copy(document.documentElement.outerHTML)获取当前DOM快照。
弹窗（window.open 或 iframe 内嵌页）里的 HTML 源码不能靠右键“查看页面源代码”直接拿到——因为浏览器不会为弹窗单独开一个源码标签页。必须切换到弹窗上下文里操作，否则复制的是主页面的源码。
在弹窗页面里按 Ctrl+U（或 Cmd+U）保存源码
这是最直接、最接近原始服务器响应的方式，但前提是弹窗是同源页面（即协议、域名、端口完全一致），且未被 CSP 阻止。
- 手动聚焦弹窗窗口：点击弹窗任意空白处，确保它获得焦点（地址栏可编辑、Tab 键能触发弹窗内元素）
- 快捷键调出源码页：Windows/Linux 按
Ctrl+U，macOS 按Cmd+U—— 这会打开一个新标签页，显示该弹窗页面的真实 HTML 源码 - 在这个新标签页里按
Ctrl+S（或Cmd+S），保存类型选“所有文件”，文件名末尾加.html，编码选 UTF-8 - 常见错误：在弹窗未聚焦时按
Ctrl+U，结果打开的是主页面源码；或保存时没改扩展名，系统自动加了.txt
用开发者工具 Elements 面板复制 outerHTML（适合 JS 渲染后内容）
当弹窗内容由 JavaScript 动态生成（比如 Vue/React 弹窗、document.write 注入），Ctrl+U 看到的是空壳 HTML，而 Elements 里才是最终 DOM 结构。
- 先聚焦弹窗窗口，再按
F12或Ctrl+Shift+I打开其专属的开发者工具（不是主页面的） - 切到
Elements面板，找到最顶层的标签（不是或某个 div） - 右键 →
Copy→Copy outerHTML（不是Copy element，后者只复制单个节点） - 粘贴到 VS Code 或记事本，保存为
.html文件；注意：JS/CSS 路径可能失效，离线打开时图片和样式会丢失
用 console 执行 document.documentElement.outerHTML 提取
比手动点右键更快，尤其适合反复提取多个弹窗，或自动化场景。但同样返回的是当前 DOM 快照，不是原始响应。
- 确保开发者工具打开的是弹窗窗口的控制台（标题栏显示弹窗 URL，而非主站）
- 在
Console输入：copy(document.documentElement.outerHTML)，回车 —— 整个 HTML 字符串已复制到剪贴板 - 无需全选、不用右键，避免鼠标误点导致复制中断
- 如果弹窗跨域（如
https://thirdparty.com/popup.html），执行会报错SecurityError: Permission denied，此时只能靠服务端抓包或curl
真正难的不是“怎么复制”，而是判断该用哪一种：原始源码（Ctrl+U）还是渲染后 DOM（outerHTML）。如果弹窗里有 fetch 加载的数据、Vue 模板编译结果、或 innerHTML 插入的内容，Ctrl+U 什么都看不到——这时候盯着 Elements 面板才是唯一靠谱的入口。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
