最稳妥方式是打开“查看页面源代码”标签页后用Ctrl+S/Cmd+S保存:1、按Ctrl+U或Cmd+Option+U打开源码页;2、直接保存并手动设文件名为xxx.html、保存类型为“所有文件”;3、该方法获取服务器原始HTML,不执行JS,编码默认UTF-8。

直接保存 HTML 源码最稳妥的方式,是在浏览器打开“查看页面源代码”标签页后,用 Ctrl+S(Windows)或 Cmd+S(macOS)保存——不是在原网页标签页里按 Ctrl+S,否则保存的是渲染后的 DOM 或完整资源包。
Chrome / Edge 怎么保存原始 HTML 源码
Chrome 和 Edge 的“查看页面源代码”页(Ctrl+U)是纯文本视图,不执行 JS,能拿到服务器返回的原始 HTML。这是最接近真实响应的来源。
- 打开目标网页,按
Ctrl+U(Windows/Linux)或Cmd+Option+U(macOS) - 新标签页加载完成后,直接按
Ctrl+S,输入文件名如page.html - 务必在保存对话框中将“保存类型”设为
所有文件(不是“文本文档”),否则系统可能自动加.txt后缀 - 编码默认是 UTF-8,无需额外设置;若页面含中文但显示乱码,说明编辑器误用了 ANSI 编码,需手动选 UTF-8 重存
Firefox 保存源码时为什么总变成 .txt
Firefox 的“查看页面源代码”页(Ctrl+U)右键菜单里没有“另存为”,直接按 Ctrl+S 会弹出保存对话框,但默认格式常被识别为文本,容易错存为 .txt。
- 必须手动在保存对话框中把“文件名”末尾写成
.html(如backup.html) - 在“保存为类型”下拉菜单中选择
所有文件,不能选“文本文件” - 如果已错存为
.txt,不要改后缀名了事——Windows 资源管理器隐藏扩展名时,实际可能是backup.html.txt,需开启“显示文件扩展名”再重命名
保存动态渲染后的 HTML(比如 React/Vue 页面)该用哪个方法
像单页应用这类页面,原始 HTML 源码里只有 <div id="root"></div>,JS 才真正生成内容。此时 Ctrl+U 拿不到你想存的结构,得用开发者工具抓当前 DOM 快照。
立即学习“前端免费学习笔记(深入)”;
- 按
F12打开开发者工具,切到Elements面板 - 找到最外层的
<html>标签,右键 →Copy→Copy outerHTML - 粘贴进 VS Code 或记事本,另存为时必须选 UTF-8 编码,后缀为
.html - 注意:这个 HTML 不含外部 CSS/JS 文件,图片路径也可能是绝对 URL;若要离线打开,需手动下载资源并改成相对路径,或用
SingleFile浏览器扩展替代
curl 和 wget 抓取 HTML 时容易漏资源怎么办
命令行工具拿到的是 HTTP 响应体,干净、可脚本化,但默认只下载 HTML 主体,不带图片/CSS/JS——这不是 bug,是设计如此。
- 用
curl -o page.html https://example.com最简,适合纯结构分析 - 若需关联资源,
wget更合适:wget --page-requisites --no-parent https://example.com - 注意:有些网站会校验
User-Agent或要求 Cookie,curl可加-H "User-Agent: Mozilla/5.0"模拟浏览器 - 遇到
403 Forbidden或空响应,先检查是否触发反爬;可配合curl -I https://example.com看响应头确认状态码
真正麻烦的不是“怎么存”,而是存完打不开:本地双击 file:// 协议下,浏览器会因安全策略禁掉 AJAX、fetch、部分 localStorage,甚至图片路径不对也会空白——这时候别急着换方法,先看控制台报什么错。



















