1、使用Chrome“另存为”功能可保存网页完整内容,包括HTML文件和资源文件夹;2、通过开发者工具导出HAR文件可获取全部加载资源;3、安装SingleFile等扩展可将网页保存为单个HTML文件便于离线浏览。

如果您希望在无法联网或需要归档的情况下查看网页内容,可以将整个网页保存到本地设备。通过Chrome浏览器,您可以完整保存网页的文本、图片和格式,以便离线浏览。
本文运行环境:MacBook Air,macOS Sonoma
一、使用“网页另存为”功能保存完整页面
Chrome内置的“另存为”功能支持将网页及其关联资源(如图片、样式文件)一并保存,确保离线时内容完整显示。
1、打开目标网页,点击浏览器右上角的三个点图标,展开菜单。
2、选择另存为选项。
3、在弹出的窗口中,选择保存位置,确保保存类型设置为“网页,完整”。
4、点击保存,Chrome会同时生成一个HTML文件和一个包含图片等资源的文件夹。
二、通过开发者工具手动保存资源
对于需要精确控制保存内容的用户,可利用开发者工具检查并导出网页所有元素,包括隐藏资源。
1、在目标网页上按下Command+Option+I(Mac)或Ctrl+Shift+I(Windows)打开开发者工具。
2、切换到Network标签页,并刷新页面以记录所有加载资源。
3、全选所有请求记录,右键选择“Save all as HAR with content”以保存全部资源档案。
4、结合第三方工具解析HAR文件,重建网页结构并保存图片等媒体文件。
三、借助扩展程序实现一键保存
Chrome扩展如“SingleFile”或“Save Page WE”能够将整个网页压缩为单一文件,便于管理和分享。
1、访问Chrome网上应用店,搜索并安装SingleFile扩展程序。
2、安装完成后,在目标网页点击扩展图标,选择“保存此页面”。
3、SingleFile会自动抓取页面所有可见元素,包括动态加载的图片。
4、保存的文件为单个HTML文件,双击即可在离线状态下完整加载原网页内容。










