ctrl+u保存的是服务器返回的原始html，不含js动态内容；右键“另存为”保存html及同域资源；curl直取响应体；elements面板复制的是渲染后dom快照。
Ctrl+U保存的是原始HTML，不是渲染后DOM
按 Ctrl+U（Windows/Linux）或 Cmd+U（macOS）打开的标签页，显示的是服务器返回的原始HTML响应体——它不含任何JS动态插入的内容，也不含浏览器解析后修正的结构。这是最接近“源码”定义的操作，适合做SEO检查、备案存档或服务端调试。
常见错误现象：复制粘贴后中文乱码 → 一定是保存时没选UTF-8编码；用记事本直接保存默认是ANSI，必须手动在“另存为”对话框里把“编码”设为UTF-8。
- 保存路径中文件名末尾必须带
.html后缀，否则双击可能被系统识别为文本文件而非网页 - 该方式无法获取通过
fetch、XMLHttpRequest或import()动态加载的HTML片段 - 部分网站会拦截
view-source:协议（比如某些管理后台），此时Ctrl+U会跳转失败或空白，需改用命令行
右键“另存为”保存的是HTML+资源文件夹，但有同域限制
右键菜单里的“另存为”实际调用的是浏览器的 Save Page As 功能，默认类型是“网页，完整（*.html; *.htm）”。它会生成一个 .html 文件和一个同名文件夹（如 example_files/），里面存放CSS、图片、字体等静态资源。
关键限制在于：Chrome/Edge只下载同域资源，且仅限HTML中直接 <link>、<img>、<script></script> 引用的文件；CDN上的图片、Base64内联资源、SVG图标、JS动态创建的DOM节点都不会被收录。
- Firefox默认保存为“网页，仅HTML”，连CSS链接都不下载，务必手动切换保存类型
- 保存后若离线打不开，先检查
file://协议是否被浏览器阻止（Chrome默认禁用本地JS执行） - 绝对路径未转相对会导致资源加载失败，比如原页面引用
https://cdn.example.com/style.css，保存后仍保留该地址，离线时自然404
curl命令直取原始HTML，绕过浏览器渲染逻辑
当目标页面禁用右键、屏蔽F12，或需要批量抓取多个URL的原始源码时，curl 是最稳定的选择。它不执行JS，不解析DOM，只拿到HTTP响应体，和 Ctrl+U 效果一致但更可控。
基础命令：curl -o page.html https://example.com。但要注意：有些网站依赖User-Agent或Referer反爬，直接请求可能返回403或空内容。
- 加
-H "User-Agent: Mozilla/5.0"模拟真实浏览器请求头 - 加
--compressed支持gzip解压，避免乱码 - 加
-L跟随重定向，防止跳转后保存的是跳转页而非目标页 - 不要用
wget --page-requisites来替代——它试图下载全部资源，但对现代SPA几乎无效，还容易触发风控
开发者工具Elements面板复制的是渲染后DOM，慎用于“源码”需求
按 F12 打开开发者工具，切到 Elements 面板，右键 标签 → “Copy” → “Copy outerHTML”，得到的是当前时刻浏览器内存中的DOM树。它包含JS执行后的结果，比如React/Vue渲染出的真实结构、document.write() 插入的内容、甚至Shadow DOM内部节点（如果已展开）。
这不是“源码”，而是“快照”。如果你要分析页面运行时状态、调试样式失效、或导出当前可见结构，它很准；但你要做备案、比对服务端输出、或检查初始HTML语义，它就完全不可靠。
- 复制前务必确认页面已完全加载，否则可能漏掉异步渲染的部分
- 复制内容里会有浏览器自动补全的标签（如自动闭合的
<p></p>）、注释、以及devtools注入的调试属性（如__react-fiber） - 不能直接保存为可执行HTML文件——缺少
中的meta、charset声明，中文很可能显示异常
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
