剪藏#剪藏#魏咕咕响

将完整的网页保存为单一的 HTML 文件,GitHub 收获 17.7k 星标

2025 年 5 月 26 日1 分钟
分享Twitter / XTelegram微博
将完整的网页保存为单一的 HTML 文件,GitHub 收获 17.7k 星标 封面

SingleFile

SingleFile 是开发者 Gildas Lormeau 打造的开源「网页收纳盒」,既能做浏览器扩展,也能当命令行工具。它像位细心的抄书人,把完整网页「原汁原味」封存进单个 HTML 文件里——图片、样式、链接一个都不少。

SingleFile 支持 Chrome、Firefox 等十多款主流浏览器,从桌面到移动端都能无缝适配。无论是点击浏览器插件一键保存,还是用命令行批量操作,它都能灵活响应,让网页存档像整理书桌一样轻松。

Notion image

✨ 核心功能

  • • 完整保存网页:将网页的 HTML、CSS、JavaScript、图像、字体、iframe 等资源整合为一个单一的 HTML 文件,方便离线浏览。

  • • 多标签页保存:支持保存当前标签页、选中的多个标签页、未固定的标签页或所有标签页。

  • • 内容选择保存:允许用户选择网页中的特定内容进行保存。

  • • 注释与编辑:提供注释功能,用户可以在保存前高亮文本、添加备注或删除不需要的内容。

  • • 自动保存:支持在页面加载完成后自动保存,适合需要定期备份网页的用户。

  • • 批量保存:可以批量保存一组 URL 指定的网页。

  • • 云端保存:支持将保存的页面上传到 GitHub、Amazon S3、Google Drive 或 WebDAV 服务器。

  • • 多种保存格式:支持多种文件格式,包括 HTML、自解压 ZIP、MHTML、Webarchive(Safari)和 HTML+文件夹。

  • • 延迟加载资源:在保存前加载延迟加载的图像和 iframe,确保保存的页面完整。

  • • 自定义配置文件:允许用户创建保存选项的配置文件,并根据 URL 自动选择配置文件。

  • • 用户脚本支持:在保存页面时执行自定义的用户脚本,实现更灵活的操作。

🖥️ 安装与使用指南

1. 安装扩展程序

SingleFile 可在以下浏览器的扩展商店中找到:

2. 使用方法

    1. 确保网页已完全加载。
    1. 点击浏览器工具栏中的 SingleFile 图标,开始处理并保存页面。
    1. 保存完成后,将生成一个包含完整页面内容的 HTML 文件。

3. 高级功能

  • • 右键菜单操作:右键点击 SingleFile 图标或网页,可以访问更多功能,如保存选定内容、注释并保存页面等。

  • • 自动保存设置:在扩展选项中,可以配置自动保存当前标签页、未固定的标签页或所有标签页。

  • • 上传到云端:在扩展选项的“目标”部分,配置将保存的页面上传到支持的云服务。

  • • 区块链证明:启用“杂项 > 添加存在证明”选项,可以将页面的 SHA256 哈希链接到区块链,证明页面的存在性。

🛠️ 命令行工具(SingleFile CLI)

SingleFile 还提供了命令行工具,适用于需要批量处理网页的用户。

JAVASCRIPT
docker pull capsulecode/singlefile
docker run singlefile "https://www.wikipedia.org" > wikipedia.html

命令行工具通过 Deno 运行,利用 Chrome DevTools 协议在无头浏览器中处理网页。

📌 项目信息

原文地址: https://mp.weixin.qq.com/s?__biz=Mzk4ODEwODEyMw==&mid=2247483943&idx=1&sn=fefd310a7cc7ba6cf29c1d592d9fc5db&chksm=c457f0e58c377dda9da726a0d1da7d1f0ce53e822ebe4d8afea7c3c8515c51d61ac6da55bbee&mpshare=1&scene=1&srcid=0526LxEG6Nyw8pwN7QItB2ms&sharer_shareinfo=c07812e74ce0e402f3d16d5345ba9e6b&sharer_shareinfo_first=c07812e74ce0e402f3d16d5345ba9e6b#rd

相关文章