右键“查看页面源代码”后需切换至源码标签页再按Ctrl+S/Cmd+S保存，且必须设保存类型为HTML Only/UTF-8编码并以.html结尾；动态内容须用开发者工具Elements面板复制outerHTML；curl/wget默认仅下载HTML文本，完整离线需加参数处理资源与路径。
直接右键“查看页面源代码”后无法保存？
这是最常卡住的地方：浏览器打开“查看页面源代码”只是只读预览页，Ctrl+S 默认不会弹出保存对话框（尤其 Chrome/Edge）。你得手动切到该源码标签页，再按 Ctrl+S（Windows）或 Cmd+S（Mac），此时才会触发“另存为”——而且必须确认保存类型是 Web Page, HTML Only（Chrome/Edge）或 Page Source（Firefox），否则可能误存成 .txt 或带乱码的文件。
用记事本保存却出现中文乱码？
系统记事本默认用 ANSI 编码，而现代网页几乎全是 UTF-8。粘贴 HTML 源码后，若不手动指定编码，中文、符号、注释全会变问号或方块。解决方法很简单：
- 在记事本中点击「文件 → 另存为」
- 在保存对话框底部，把「编码」下拉菜单从默认的
ANSI改成UTF-8 - 文件名务必以
.html结尾（如backup.html），不要选“文本文档”类型
想保存 JS 渲染后的最终 HTML 结构？
原始源码里没有动态插入的内容（比如 React/Vue 生成的 DOM、AJAX 加载的列表），这时得抓渲染后的结果：
- 按
F12打开开发者工具，切换到Elements面板 - 右键最外层的
<html>标签，选Copy → Copy outerHTML - 粘贴进编辑器保存为
.html文件即可
注意：这复制的是当前时刻的 DOM 快照，不含外部 CSS/JS 文件，离线打开时若页面依赖这些资源，会显示异常或空白。
立即学习“前端免费学习笔记（深入）”；
curl 或 wget 下载的 HTML 打不开？
单条命令如 curl https://example.com > page.html 只下载 HTML 文本本身。所有 href、src 引用的 CSS、图片、字体都不会跟着下来——这不是工具问题，是设计如此。
若需离线可用的完整页面，必须加参数：
wget --page-requisites --convert-links --no-parent https://example.com-
curl -s https://example.com | grep -E "^(]*>)" > index.html（仅提取 HTML 片段，慎用）
真正容易被忽略的是路径处理：--convert-links 会把绝对 URL 改成相对路径，否则双击 index.html 时浏览器用 file:// 协议加载，所有 https:// 引用都会 404。
