直接保存失败主因是网页限制或路径错误；源代码页只读不可存，须切回原页另存为html；编码须选utf-8、扩展名必须为.html；curl/wget需加--page-requisites等参数才可离线运行；动态渲染内容无法完整保存。
直接保存失败，大概率不是你操作错了，而是网页本身做了限制或你选错了保存路径——90% 的“无法保存”问题都卡在这两个点上。
右键“查看网页源代码”后点 Ctrl+S 没反应？
这是最常被忽略的细节：浏览器打开的「源代码页面」是一个只读视图，部分网站会禁用该页的保存功能（尤其金融、政务类站点）。它不报错，但 Ctrl+S 或菜单里的“另存为”就是灰掉或无效。
- 别在源代码页里硬按 Ctrl+S，切回原网页标签页，右键空白处 → 选择“另存为…”
- 保存类型必须选
网页，仅 HTML（Chrome/Edge）或Page Source（Firefox），不是“Web Archive”也不是“文本文档” - 如果右键菜单被屏蔽，用快捷键
Ctrl+U打开源码页后，立即按Ctrl+A→Ctrl+C，再粘贴到 VS Code / Notepad++ 里手动保存
保存后打开是空白页或乱码？
核心就两点：编码没选对，或者文件扩展名被系统偷偷改了。
- 用记事本保存时，务必在“另存为”对话框里把“编码”手动设为
UTF-8（不是 ANSI，不是 GBK） - 文件名必须以
.html结尾，且“保存类型”选所有文件—— 否则记事本会自动加.txt，变成index.html.txt，双击就用记事本打开了 - 检查文件属性，确认实际扩展名没被隐藏；Windows 设置里要勾选“显示文件扩展名”
curl 或 wget 下载的 HTML 打不开？
curl https://example.com > page.html 只拿到 HTML 文本，不等于能离线运行。它缺失三样东西：资源路径、相对引用、本地上下文。
- 想让页面真正离线可用，得用
wget --page-requisites --convert-links --no-parent，否则 CSS 和图片全 404 - 下载后的
index.html里可能还含https://cdn.example.com/style.css这种绝对路径，需手动替换为style.css并确保该文件已下载到同目录 - 某些网站返回的是 302 跳转或 JS 渲染页，
curl拿到的可能是跳转 HTML 或空壳，此时应加-L参数跟随重定向，或改用 Puppeteer 抓取渲染后 DOM
360 / QQ 浏览器“另存为”只有文本选项？
这类国产浏览器默认启用“网页加速”和“广告过滤”，它们会劫持 DOM 序列化流程，导致“另存为”菜单降级为纯文本。
- 进设置 → 关闭“网页加速”、“智能广告过滤”、“安全防护”中“阻止不安全脚本”
- 地址栏右侧点“闪电图标”，强制切换为“兼容模式”再试一次另存为
- 仍不行？按
F12→ 切到Elements→ 右键→Copy outerHTML→ 粘贴保存，这是绕过所有拦截的兜底方案
真正难处理的不是保存动作本身，而是那些靠 document.write、iframe 动态注入、或 Shadow DOM 封装的内容——它们在保存时根本不会出现在 outerHTML 里，也没有网络请求可抓。这种页面，离线备份本质上不可行，只能录屏或截图存档。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
