最稳妥方式是打开“查看页面源代码”标签页后用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面板 - 找到最外层的
标签，右键 →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，甚至图片路径不对也会空白——这时候别急着换方法，先看控制台报什么错。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
