Motrix WebExtension 使用教程

Motrix WebExtension 使用教程

Motrix 是一款优秀的下载管理器，支持多种下载协议，并且具有用户友好的界面。为了更高效地使用 Motrix，用户可以通过 WebExtension 来增强浏览器的下载体验。本文将详细介绍如何使用 Motrix WebExtension，包括安装、配置以及一些常用的代码示例。

一、Motrix WebExtension 的安装

首先，确保你已经在电脑上安装了 Motrix 下载器。你可以从 Motrix 的官方网站 下载并安装。

接下来，我们需要安装 Motrix 的 WebExtension。可以直接从浏览器的扩展商店中搜索“Motrix”并添加到浏览器中，或者从 GitHub 上下载安装包，手动安装。

1. 打开 Chrome 或 Firefox 浏览器，进入扩展程序管理页面。
2. 搜索“Motrix”并点击安装。
3. 安装完成后，确保 Motrix 应用正在运行。

二、Motrix WebExtension 的配置

安装完 Motrix WebExtension 后，我们需要进行一些基本配置来确保其能够正常工作。

1. 点击浏览器右上角的扩展图标，打开 Motrix 的扩展设置。
2. 在设置页面中，你需要配置 Motrix 的 API 地址，默认情况下为 http://localhost:6767，如果 Motrix 的服务端口被更改，请按实际情况修改。
3. 确保所有设置已保存。

三、使用 Motrix WebExtension 进行下载

配置完成后，就可以通过 Motrix WebExtension 开始下载文件了。这里提供一些常见的代码示例，以帮助你快速上手。

示例 1：普通下载

你需要在浏览器中右键点击一个下载链接，选择 使用 Motrix 下载 选项。该链接将被发送到 Motrix 进行下载。

// 在浏览器右键菜单中添加一个项
browser.menus.create({
    id: "motrix-download",
    title: "使用 Motrix 下载",
    contexts: ["link"],
}, () => {
    console.log("右键菜单项已添加");
});

// 处理菜单点击事件
browser.menus.onClicked.addListener((info) => {
    if (info.menuItemId === "motrix-download") {
        const downloadUrl = info.linkUrl;
        // 调用 Motrix API 开始下载
        fetch('http://localhost:6767/download', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify({ url: downloadUrl })
        }).then(response => {
            return response.json();
        }).then(data => {
            console.log("下载任务已创建：", data);
        }).catch(error => {
            console.error("下载出错：", error);
        });
    }
});

示例 2：批量下载

如果你在页面上找到了多个下载链接，可以通过以下代码一并下载它们。

// 假设你已经选择了多个链接
const downloadLinks = Array.from(document.querySelectorAll('a.download-link')).map(link => link.href);

downloadLinks.forEach(url => {
    fetch('http://localhost:6767/download', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify({ url })
    }).then(response => {
        return response.json();
    }).then(data => {
        console.log(`下载任务已创建：${data.id}`);
    }).catch(error => {
        console.error("下载出错：", error);
    });
});

四、总结

通过以上步骤，我们介绍了如何安装和配置 Motrix WebExtension，并提供了一些基本的下载示例。Motrix 的WebExtension极大提高了下载的便捷性，使用户能够轻松地管理和组织下载任务。希望你能通过这一工具，享受到更流畅的下载体验！