最可靠方式是用浏览器“查看页面源代码”后另存为.html文件；原始源码仅存在于Ctrl+U（Win/Linux）或Cmd+Option+U（macOS）打开的专用视图中，必须选UTF-8编码保存，否则中文乱码。
直接保存网页源码最可靠的方式，是用浏览器“查看页面源代码”后另存为 .html 文件——不是右键原网页“另存为”，也不是在开发者工具里复制 outerHTML，这两者得到的不是原始服务器返回的 HTML。
怎么拿到真正的原始 HTML 源码
原始源码指服务器发来的、未经 JavaScript 修改的初始 HTML。它只存在于网络请求响应体里，或浏览器“查看页面源代码”这个专用视图中。
- 快捷键最稳：Windows/Linux 按
Ctrl+U，macOS 按Cmd+Option+U，新标签页打开的就是原始源码 - 右键菜单次之：页面空白处右键 → “查看页面源代码”（Chrome/Edge）或“查看源代码”（Firefox）
- 别用地址栏输
view-source:https://...：Chrome 和 Edge 已基本禁用该协议，Firefox 虽支持但跨域时会失败 - 开发者工具
Elements面板里看到的是 DOM，含 JS 动态插入内容，不是原始源码
保存时编码选错会导致中文全乱码
记事本默认用 ANSI 编码保存，中文一打开就是 。必须手动指定 UTF-8，否则文件看似能打开，实际文字不可读。
- 用记事本：点“另存为” → 在底部“编码”下拉框里选
UTF-8（不是“UTF-8-BOM”） - 用 VS Code / Notepad++：保存前看右下角状态栏，确认显示
UTF-8；若显示GBK或ISO-8859-1，点它切换 - 别信“自动识别”：很多编辑器对无 BOM 的 UTF-8 文件会误判为 GBK，手动选才保险
为什么双击打开是空白页或样式丢失
常见原因不是 HTML 本身错了，而是资源路径没处理好。原始 HTML 里的 <link href="https://cdn.example.com/style.css"> 这类绝对路径，在离线时根本加载不了。
立即学习“前端免费学习笔记（深入）”；
- 如果只是想快速看结构：保存为单个
.html文件即可，忽略外部 CSS/JS，靠内联样式或基础标签也能呈现骨架 - 如果要完整离线浏览：浏览器右键“另存为” → 选择“网页，全部”（Chrome/Edge）或“Web Page, Complete”（Firefox），它会自动生成一个
.html文件 + 同名文件夹，把图片、CSS 等一并下载 - 别手动改路径再本地下载：容易漏资源、路径层级错，不如让浏览器自动处理
真正容易被忽略的点是：原始源码和渲染后 DOM 是两套东西。调试时你以为复制的是“页面现在的样子”，其实可能漏了 JS 注入的关键节点，也可能多拿了临时生成的调试元素。拿源码做备份或分析，盯住 Ctrl+U 那一刻的内容就对了。
