要获取服务器返回的原始html,必须先按ctrl+u(windows)或cmd+option+u(macos)打开源代码视图,再在新页中按ctrl+s/cmd+s保存为html only/page source;直接另存为或ctrl+s原页面得到的是渲染后的dom,含js动态内容,非原始源码。

右键“查看页面源代码”后保存,才是原始 HTML
直接在网页上右键选“另存为”,默认保存的是渲染后的 DOM(含 JS 插入内容),不是服务器返回的原始 HTML。要拿到真实源码,必须先进入源代码视图再保存。
常见错误现象:另存为 时没切换到源码页,结果文件里全是动态生成的标签,<script></script> 块里还夹着未执行的模板字符串。
- Windows:打开目标页 → 按
Ctrl+U或右键选“查看页面源代码” → 新标签页打开后按Ctrl+S - macOS:按
Cmd+Option+U→ 新页中按Cmd+S - 保存类型务必选
Web Page, HTML Only(Chrome/Edge)或Page Source(Firefox) - 文件名末尾手动加上
.html,别让系统自动补.txt
为什么不能直接在原网页标签页里 Ctrl+S?
因为浏览器在原页执行 Ctrl+S 时,会调用“保存当前文档”的逻辑——它序列化的是当前 DOM 树,不是 HTTP 响应体。JS 修改过的 innerHTML、动态插入的 <div>、甚至被移除的旧节点都不会出现在原始源码里。
<p>典型表现:你看到页面上有搜索框并已输入文字,但原始 HTML 里根本没这个 <code>value 属性;用“另存为”保存的文件却把它写进去了。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML,替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度,HTML 能同时承载排版、表格、SVG 等。
所以,Ctrl+U → 新页 → Ctrl+S 是唯一能绕过 DOM 干扰、拿到服务器直出 HTML 的快捷路径。
保存位置和编码容易被忽略的细节
即使操作步骤全对,两个细节没注意也会导致文件打不开或乱码:
- 保存路径里不要有中文或空格(尤其 Windows 下某些老旧编辑器读取失败)
- 文本编辑器另存时,编码必须选
UTF-8,不是UTF-8 with BOM或ANSI;否则中文字符可能显示为方块或问号 - 如果源码里有
<meta charset="gb2312">杩










