一键保存网页,支持图片嵌入和 MHTML 格式,随时离线查看,再也不怕网页失效!

功能特点
- 一键保存当前网页到本地
- 支持两种格式:
- HTML(图片 base64 内嵌,纯本地)
- MHTML(浏览器原生网页封装格式)
- 图片/样式完整保留
- 离线状态下也可完整打开阅读
- 轻量简洁,开源可拓展
安装方式(开发者模式)
- 克隆本项目或下载源码
- 打开 Chrome 浏览器,访问
chrome://extensions - 开启右上角「开发者模式」
- 点击「加载已解压的扩展程序」,选择项目目录
支持浏览器:Chrome / Edge / Brave(基于 Chromium)
使用方法
- 打开任意网页(支持知乎、博客、技术站等)
- 点击浏览器右上角插件图标
- 选择保存为 HTML 或 MHTML
- 文件将自动下载保存到本地
使用场景推荐
| 使用场景 | 说明 |
|---|---|
| 技术博客收藏 | 防止原站点改版、失效 |
| 知识库归档 | 搭配 Obsidian、Logseq 使用 |
| 离线资料整理 | 飞机地铁等无网环境下随时阅读 |
技术实现
- 基于 Manifest v3 编写
- DOM 提取:
chrome.scripting.executeScript - 图片嵌入:转为 base64 并替换
<img src> - 网页封装:
chrome.pageCapture.saveAsMHTML - 文件保存:
chrome.downloads.download
项目结构
web-clipper/
├── manifest.json
├── background.js
├── scripts/
│ ├── save-html.js
│ └── save-mhtml.js
├── assets/
└── icons/
TODO(开发中)
- 支持 Markdown 导出(集成 turndown.js)
- 正文提取(类 Readability)
- 可配置保存路径/文件名
- 多页批量保存支持
- 自动同步至 Obsidian/Logseq
视频介绍
B站 / YouTube 视频同步上线中:Coming Soon
开源协议
本项目使用 MIT License。
Star 一下,支持继续更新!
如果你觉得这个项目有帮助,欢迎点个 Star 或提个 PR: