可通过浏览器另存为完整网页或复制源码保存HTML文件,02. 使用开发者工具获取动态渲染后的页面结构,03. 用curl或wget命令行工具批量下载,适合自动化备份,需注意版权合规。

想要保存网页内容或源码,有多种简单有效的方法。无论是想完整保存整个页面,还是只获取HTML代码,都可以快速完成。
使用浏览器直接保存整页
现代浏览器都支持将当前网页完整保存到本地,包括HTML、图片、CSS等资源。
- 打开目标网页,在浏览器菜单中选择“另存为”(或按 Ctrl+S)
- 选择保存位置,文件类型通常为“网页,全部”或“Webpage, Complete”
- 点击保存后,会生成一个HTML文件和一个同名文件夹,包含页面所有资源
这种方式适合长期离线查看,页面样式和图片都能正常显示。
获取网页源码(纯HTML)
如果只需要HTML文本代码,可以这样操作:
立即学习“前端免费学习笔记(深入)”;
- 在网页上右键,选择“查看页面源代码”
- 新标签页会打开纯文本的HTML代码
- 全选(Ctrl+A),复制后粘贴到记事本或代码编辑器中
- 保存为 .html 文件即可
也可直接在地址栏前输入 view-source: + 网址,查看源码后下载。
使用开发者工具精准抓取
对于动态加载的网页,直接“查看源码”可能看不到完整内容。这时可用开发者工具:
- 按 F12 打开开发者工具
- 切换到“Elements”面板,这里显示的是当前渲染后的完整DOM结构
- 右键点击 标签,选择“Copy outerHTML”
- 粘贴到文本文件中保存为 .html
这种方法能获取JavaScript执行后的最终页面结构,更准确。
通过命令行或脚本批量下载
熟悉技术的用户可以用工具自动化下载:
- 使用 curl:运行 curl -o page.html http://example.com
- 使用 wget:执行 wget -O page.html http://example.com
- 配合脚本可实现多个页面自动抓取和保存
适合需要定期备份或采集多个页面的场景。
基本上就这些常用方法。根据需求选择合适的方式,保存网页并不复杂,但要注意尊重网站版权,避免用于非法用途。











