SingleFileZ 使用教程

1. 项目介绍

SingleFileZ 是一个开源的 Web 扩展，旨在帮助用户保存网页的完整副本，包括 CSS、图像、字体、框架等所有资源。保存的文件是一个自解压的 HTML 文件，同时也是一个有效的 ZIP 文件，包含所有页面资源。SingleFileZ 支持 Chrome 和 Firefox 浏览器，适用于桌面和移动设备。

2. 项目快速启动

安装 SingleFileZ

1. Chrome 浏览器：

   • 访问 Chrome Web Store。
   • 点击“添加到 Chrome”按钮。

2. Firefox 浏览器：

   • 访问 Firefox Add-ons。
   • 点击“添加到 Firefox”按钮。

使用 SingleFileZ

1. 保存网页：
   • 打开你想要保存的网页。
   • 等待页面完全加载。
   • 点击浏览器工具栏中的 SingleFileZ 按钮。
   • 网页将被保存为一个自解压的 HTML/ZIP 文件。

// 示例代码：使用 SingleFileZ 保存当前页面
document.addEventListener('DOMContentLoaded', function() {
    // 确保页面完全加载
    if (document.readyState === 'complete') {
        // 触发 SingleFileZ 保存操作
        chrome.runtime.sendMessage({action: 'savePage'}, function(response) {
            console.log('页面保存成功');
        });
    }
});

3. 应用案例和最佳实践

应用案例

• 离线阅读：保存网页以便在没有网络连接时阅读。
• 存档网页：保存重要网页以备将来参考。
• 网页分析：保存网页以便进行详细分析和研究。

最佳实践

• 定期备份：定期保存重要网页，以防网页内容被删除或更改。
• 多设备同步：使用云存储服务（如 Google Drive）保存文件，以便在多个设备上访问。
• 自动化保存：使用浏览器自动化工具（如 Selenium）自动保存多个网页。

4. 典型生态项目

• SingleFile：SingleFileZ 的前身，功能类似，但 SingleFileZ 支持保存为自解压的 HTML/ZIP 文件。
• Puppeteer：一个 Node.js 库，提供高级 API 来控制 Chrome 或 Chromium，可用于自动化网页保存。
• Selenium：一个用于自动化浏览器操作的工具，可与 SingleFileZ 结合使用，实现批量网页保存。

通过以上步骤和示例，你可以快速上手并充分利用 SingleFileZ 的功能。