最稳方式是用ctrl+u打开源码页后ctrl+s保存为html only，而非直接ctrl+s；若禁用快捷键可用curl/wget；保存时编码须选utf-8，双击空白多因file://协议限制或路径错误。
直接保存原始 HTML 源码最稳的方式，是用浏览器的「查看页面源代码」页 + 手动另存为，而不是在原网页标签页里按 Ctrl+S——后者默认保存的是渲染后的 DOM（含 JS 动态插入内容），不是服务器返回的真实源码。
怎么拿到真正的原始 HTML 源码
关键在于区分「源码」和「渲染后 DOM」：前者是服务器发来的原始文本，后者是浏览器执行 JS 后生成的最终结构。很多网站靠 JS 渲染主体内容，直接右键「查看页面源代码」看到的可能只有空壳。
- 打开目标网页，按
Ctrl+U（Windows/Linux）或Cmd+Option+U（Mac）——这会新开一个纯文本页，显示服务器返回的原始 HTML - 不要在这个页面里点「复制全部」再粘贴，而是直接按
Ctrl+S，在弹出的保存对话框中确保「保存类型」选Web Page, HTML Only（Chrome/Edge）或Page Source（Firefox） - 如果页面禁用了右键或
Ctrl+U，就换命令行：curl -s https://example.com > index.html或wget -O index.html https://example.com - 注意：开发者工具 Elements 面板里的
Copy outerHTML拿到的是 DOM，不是源码；Network 面板里刷新后找Doc类型请求，右键Save as才是原始源码
保存时编码选错会导致中文乱码
记事本默认用 ANSI 编码保存，只要 HTML 里有中文、emoji 或特殊符号，一打开就是乱码。这不是文件损坏，是编码不匹配。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 用记事本保存时，必须在「另存为」对话框底部手动把「编码」下拉菜单改成
UTF-8（不能选 ANSI 或 Unicode） - VS Code、Sublime Text 等编辑器默认 UTF-8，但也要确认右下角状态栏显示的是
UTF-8，不是GBK或ISO-8859-1 - 如果已保存成乱码文件，别重写，用编辑器「重新以编码打开」→ 选
GBK或UTF-8 with BOM尝试恢复，再另存为标准 UTF-8
为什么双击打开是空白或样式丢失
常见原因不是保存错了，而是路径或协议限制：
- 用
file://协议打开本地 HTML 文件时，浏览器会禁用跨域请求——所有fetch、XMLHttpRequest、import、甚至部分src和href加载外部资源都会失败 - 检查 HTML 里是否有绝对路径引用，比如
href="/css/style.css"或src="https://cdn.example.com/app.js"；离线使用需改为相对路径或本地副本 - 想完整保留图片/CSS/JS，别用「HTML Only」保存，改用浏览器菜单的「网页，全部」——但会生成同名文件夹，主 HTML 里路径自动适配
- 某些框架（如 Vue、React）依赖开发服务器，直接双击打开必然白屏，这不是保存问题，是运行环境缺失
真正容易被忽略的点是：同一个网页，Ctrl+U 拿到的源码、Elements 里复制的 outerHTML、Network 中 Doc 请求的内容，三者可能完全不同。保存前先想清楚——你要备份的是服务器发了什么，还是用户最终看到了什么。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
