最可靠方式是右键选“查看页面源代码”后保存为html文件；ctrl+u打开源码页再ctrl+s，选“web page, html only”或“page source”，避免保存为web archive；动态网页可用开发者工具复制outerhtml保存；curl适用于获取原始服务器响应。
直接保存网页的HTML源码，最可靠的方式不是“另存为当前页面”，而是进入源码视图后再保存——否则你拿到的可能是渲染后的DOM，不是服务器返回的原始HTML。
右键“查看页面源代码”后保存
这是新手最快、最不容易出错的方法，适用于绝大多数静态网页。
- 在目标网页空白处右键 → 选“查看页面源代码”（Chrome/Edge）或“查看源代码”（Firefox），快捷键是
Ctrl+U（Windows）或Cmd+Option+U（Mac） - 新标签页打开的是纯文本源码，此时再按
Ctrl+S（不要在原网页标签页按！） - 保存类型务必选“Web Page, HTML Only”（Chrome/Edge）或“Page Source”（Firefox），别选“Web Archive”或“Complete”——那会生成一堆文件夹
- 文件名加
.html后缀，编码选UTF-8，避免中文乱码
用开发者工具复制 outerHTML 保存
当网页大量依赖JavaScript动态加载内容（比如单页应用SPA），Ctrl+U看到的源码可能空空如也。这时要保存的是浏览器最终渲染出来的结构。
- 在网页按
F12打开开发者工具，切到Elements面板 - 找到最顶层的
标签，右键 →Copy→Copy outerHTML - 粘贴到VS Code或记事本里，保存为
page.html，编码仍选UTF-8 - 注意：这个结果不含原始服务器响应头、注释、服务端条件逻辑，但能反映用户实际看到的结构
用 curl 命令行抓取并存到指定文件夹
适合需要批量保存、定时备份，或想确保拿到未经JS篡改的“一手”HTML。
- 先确认目标文件夹存在，比如
mkdir -p ./backup - 运行命令：
curl https://example.com > ./backup/index.html - 如果提示
command not found，Windows用户可用PowerShell的Invoke-WebRequest，或安装Git Bash；macOS/Linux默认自带curl - 注意：部分网站会反爬，
curl可能返回403或空白页，此时需加-H "User-Agent: Mozilla/5.0"模拟浏览器
真正容易被忽略的点是：同一个网页，Ctrl+U、Elements 面板、curl 三者拿到的内容常常不一致——它们根本就不是同一层的东西。选哪种方式，得先想清楚你要的是“服务器发了什么”，还是“浏览器最终画出了什么”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
