ctrl+u后直接ctrl+s是最简路径:在uc浏览器中按ctrl+u(win/linux)或cmd+opt+u(macos)打开原始html源码页,立即按ctrl+s保存为.html文件,即可获得服务器返回的纯文本源码。

Ctrl+U 后直接 Ctrl+S 是最简路径
浏览器按 Ctrl+U(Windows/Linux)或 Cmd+Option+U(macOS)打开源码页,此时页面是纯文本 HTML,**直接按 Ctrl+S 就能弹出保存对话框**——这是获取原始服务器返回 HTML 的最快方式。
常见错误是:在原网页标签页里右键“另存为”,结果选了“网页,全部”格式,生成一堆文件夹和资源;或者在开发者工具的 Elements 面板里复制,拿到的是 JS 渲染后的 DOM,不是原始源码。
- 必须在
view-source:开头的地址页(即 Ctrl+U 打开的页面)中操作Ctrl+S - 保存类型选“Web Page, HTML Only”(Chrome/Edge)或“Page Source”(Firefox)
- 文件名务必带
.html后缀,否则双击打不开
Elements 面板复制 outerHTML 适合动态内容
当页面大量依赖 JavaScript 渲染(比如 React/Vue SPA、数据异步加载),Ctrl+U 拿到的只是空壳 HTML,真正内容在 DOM 里。这时得用开发者工具:
按 F12 → 切到 Elements → 右键最外层 标签 → 选 Copy → Copy outerHTML。
- 复制的是当前内存中的完整 DOM 结构,含 JS 插入的节点、修改过的属性(如
class动态增删) - 粘贴后若要离线运行,需手动检查所有
src和href路径:绝对 URL(如https://cdn.example.com/style.css)本地打不开,得改成相对路径或下载后本地引用 - 注意:Shadow DOM 内部内容不会被
Copy outerHTML包含,需单独展开并复制
curl 命令保存原始 HTML 最适合自动化
写脚本批量抓取、定时备份、CI 流程中验证页面结构,curl 是最干净的选择:
curl -s https://example.com > page.html
它绕过浏览器,直连服务器,拿到的就是服务端吐出的原始响应体。
- 加
-L支持重定向(如跳转到 HTTPS) - 加
--user-agent可绕过部分反爬(有些站点拒接默认 curl UA) - 不带任何参数时,它只存 HTML 文本,不会下载 CSS/JS/图片——这反而是优点:你要的只是源码,不是整站镜像
- 注意:如果目标页依赖 Cookie 或登录态,需先用
curl -b cookies.txt携带凭证
VS Code 保存时编码选 UTF-8 是硬性前提
无论从哪复制 HTML,只要含中文、emoji 或特殊符号,用记事本或 VS Code 保存时没选对编码,打开就是乱码。
记事本默认用 ANSI(Windows-1252),VS Code 默认可能是 UTF-8,但新文件有时会 fallback 到系统编码——**必须手动确认状态栏右下角显示的是 UTF-8,不是 GBK 或 ISO-8859-1**。
- VS Code 中:点击右下角编码名 → 选 “Save with Encoding” → 选
UTF-8 - 记事本中:“另存为”对话框底部,“编码”下拉菜单必须手动选
UTF-8(不是“ANSI”) - 漏掉这步,
<h1>你好</h1>可能变成<h1>浣犲ソ</h1>,后续调试全错位
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











