Edge中“查看网页源代码”可获取服务器返回的原始HTML，按Ctrl+S保存即得真实源码；而“另存为→网页,仅HTML”导出的是当前DOM快照，易受JS渲染影响，不可靠。

直接右键“另存为”保存的不是源码，而是渲染后快照；要拿到服务器返回的原始 HTML，必须走“查看页面源代码”路径。

用 Edge 查看并保存原始 HTML 源码

Edge 的“查看页面源代码”功能会请求并展示服务端返回的未执行 JS 的原始 HTML 字符串，这是最接近真实源码的方式。它不包含动态插入的 DOM、不触发 fetch、也不执行 document.write —— 适合做备案存档、SEO 分析或比对服务端输出。

• 在目标网页空白处右键 → 选择“查看页面源代码”（不是“检查”）
• 新标签页打开后，按 Ctrl + A 全选，Ctrl + C 复制
• 打开记事本或 VS Code，粘贴，保存为 index.html，编码选 UTF-8
• 务必在“查看页面源代码”标签页里按 Ctrl + S 保存，否则可能保存的是渲染后的 DOM（尤其在某些新版 Edge 中，误在原页面标签页保存会导致内容不一致）

为什么不能用“另存为 → 网页,仅HTML”？

这个选项看似合理，但实际行为不可靠：Edge 有时会把“网页,仅HTML”当作“当前 DOM 快照”导出，尤其当页面用了 history.pushState 或 React Router 后，保存下来的可能是空壳 HTML 或已跳转后的状态，而非初始响应体。

Reading & Knowledge

博学的好奇伙伴，精通太空、宇宙与历史。不带评判地回答任何问题，擅长解释各种概念。

下载

• “网页,仅HTML”本质是浏览器对当前 document 的序列化，不是对原始 HTTP 响应的保存
• 遇到 CSP 阻止内联脚本、或页面通过 fetch 加载主体内容时，该方式几乎必然丢失正文
• 若需确认是否为原始源码，可对比 curl -s URL | head -20 和你保存的文件前几行 —— 不一致就说明被 JS 改过了

Edge 地址栏快捷命令快速跳转源码页

不用右键，也能一步到位打开源码视图：

• 在 Edge 地址栏输入 view-source:https://example.com，回车（注意 view-source: 是协议前缀，不是普通 URL）
• 该地址会强制加载原始响应，且禁止 JS 执行，确保看到的就是服务端吐出的内容
• 此时再 Ctrl + S 保存，100% 是源码，不会被任何前端逻辑污染

真正容易被忽略的是：哪怕页面看起来“静态”，只要用了现代前端框架或 SPA 路由，原始 HTML 往往只有

和一个 script 标签 —— 这才是你要存的源码，而不是开发者工具里看到的千行 DOM。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！