浏览器“另存为”默认保存的“Web页，完整”模式仅存HTML与同名资源文件夹，但现代网站依赖CDN、异步渲染及base64内联资源，导致CSS 404、图片断链、JS报错；“仅HTML”模式保留内联样式和脚本，结构文字基本可用。
不能直接编辑别人服务器上的 HTML 文件，但可以本地另存后修改——这是唯一安全、合法且可落地的操作路径。
另存网页时为什么页面样式/图片全丢了？
浏览器“另存为”默认保存的是 Web 页，完整（.htm + 资源文件夹），但很多现代网站依赖 CDN 加载 CSS/JS、异步渲染或内联 base64 图片，这些不会被完整抓取。结果就是：HTML 文件里只剩骨架， 指向的 CSS 404，
- 优先用“另存为 → Web 页，仅 HTML”（.html 单文件），它会把部分内联资源（如 style、script）保留下来，图片仍会断链，但结构和文字基本可用
- 若目标页面简单（无框架、无构建工具），可右键 → “查看网页源代码”，全选复制 → 粘贴到 VS Code 中保存为
index.html，避免“另存为”引入冗余 meta 或乱码 - 遇到中文乱码？保存时务必在编辑器中手动设编码为
UTF-8（记事本默认 ANSI，一保存就变ӭ）
VS Code 打开后改不动？标签闭合/缩进全乱了
原始 HTML 经过服务端压缩或 JS 动态注入后，源码常是单行、无缩进、大量空格缺失的“扁平字符串”。VS Code 默认不自动格式化，直接编辑极易漏掉闭合标签或写错属性位置。
- 安装官方扩展
Prettier或Beautify，打开文件后按Shift+Alt+F（Windows）一键美化结构 - 修改前先检查
里是否有；没有就手动加，否则中文输入会二次乱码 - 改
或index.html同级的assets/文件夹下，就得写assets/photo.jpg，不是原网站的/wp-content/uploads/...
改完怎么预览？别双击就完事
直接双击打开 file:/// 协议的 HTML 文件，浏览器会禁用部分功能（如 fetch、某些本地 file:// 的 AJAX 请求），还可能因相对路径解析异常导致 CSS 不加载。
- 用 VS Code 安装
Live Server插件，右键 HTML 文件 → “Open with Live Server”，它会起一个本地http://127.0.0.1:5500服务，完全模拟线上环境 - 改完保存后，Live Server 自动刷新；如果没反应，检查浏览器地址栏是否仍是
file://开头——那是你双击打开的，得关掉重开 - Ctrl+F5 强制刷新，绕过缓存；尤其当你复用了原网站的 CSS 文件名（如
style.css），浏览器很可能缓存旧版本
真正麻烦的从来不是改几行文字，而是资源路径重写、编码一致性、以及浏览器对 file:// 的各种限制——这些细节不处理，改完也白改。
