最可靠方式是分清保存“原始html”还是“渲染后dom”：右键另存为可得含资源的完整网页；ctrl+u复制源码适合干净备份；f12复制outerhtml获取动态内容；curl/wget适用于批量抓取；所有本地html建议用live server运行。
直接保存网页 HTML 源码到桌面，最可靠的方式不是“一键备份”，而是分清你要的是「原始服务器返回的 HTML」还是「浏览器渲染后的最终 DOM」——两者可能完全不同，选错方法会导致保存的内容缺失 JS 动态生成的部分。
用右键“另存为”保存完整网页（含资源）
这是最快、最通用的方法，但默认保存的是带子资源（CSS/图片/JS）的整个文件夹，不是单个 .html 文件。
- 在网页空白处右键 → 选择“网页另存为”（Chrome/Edge/360 均支持）
- 保存位置选“桌面”，文件名保持默认或自定义，但注意下方“保存类型”要选：
网页，全部 (*.htm; *.html) - 点击保存后，桌面会出现一个
.html文件 + 同名文件夹（存放图片、CSS 等）；如果只要纯 HTML，后续需手动删掉文件夹 - 此方式保存的是服务器原始响应 + 浏览器自动补全的相对路径，离线打开时部分资源可能失效
复制“查看页面源代码”内容存为纯 HTML 文件
适合需要干净、可编辑、无额外资源依赖的源码副本，比如做备份或分析结构。
- 按
Ctrl+U（Windows）或Cmd+Option+U（Mac）打开源代码页 -
Ctrl+A全选 →Ctrl+C复制 - 打开记事本 / VS Code / Notepad++，
Ctrl+V粘贴 - “文件 → 另存为”，文件名填
backup.html，保存类型选所有文件，编码选UTF-8 - 务必手动把文件拖到桌面，或在保存对话框中直接定位到桌面路径
用开发者工具保存渲染后的真实 DOM
当网页大量使用 React/Vue/AJAX 加载内容时，Ctrl+U 看到的可能是空壳，这时必须用 Elements 面板。
- 按
F12打开开发者工具 → 切换到Elements标签页 - 找到最外层的
标签，右键 →Copy→Copy outerHTML - 粘贴进文本编辑器，另存为
rendered.html，同样注意选UTF-8编码 - 这个 HTML 是当前页面实际显示的状态，但可能包含内联样式、临时 ID、调试用 class，不适合直接当源码复用
命令行快速抓取（适合批量或自动化）
如果你习惯终端，或者要保存多个页面，curl 或 wget 更稳定，且绕过浏览器渲染干扰。
- Win PowerShell：运行
curl -o "$env:USERPROFILE\Desktop\page.html" https://example.com - macOS/Linux 终端：运行
curl https://example.com > ~/Desktop/page.html - 注意：该方式获取的是服务器原始响应，不含浏览器自动注入的 base tag、referrer meta 等，也不执行 JS
- 若目标网站有反爬或需登录，此法会失败，得换 Puppeteer 或 Playwright
最容易被忽略的一点：无论哪种方式保存的 .html 文件，双击在 Windows 上首次打开时大概率触发 IE 兼容模式或安全警告条，尤其含 file:// 协议的本地脚本。如需正常运行交互逻辑，建议用 Live Server 插件启动本地服务，而不是直接双击打开。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
