手把手教你：用 JavaScript 实现 Bilibili 批量取消关注自动化

在 Bilibili 上关注了太多 UP 主，导致信息过载？手动一个个取消关注太麻烦。本文将一步步教你如何用 JavaScript 编写一个脚本，在浏览器中实现批量取消关注功能。整个过程简单易学，适合初学者。但请注意：自动化操作可能违反 Bilibili 的服务条款，请仅用于个人学习和测试，避免滥用。开始前，确保你有以下准备：

• 一个 Bilibili 账号（已登录）。
• 现代浏览器（如 Chrome 或 Edge）。
• 基本 JavaScript 知识。

步骤 1：理解原理和准备工作

Bilibili 的网页界面允许用户通过点击按钮来取消关注。我们可以用 JavaScript 模拟这一过程：

• 使用浏览器开发者工具（按 F12 打开）查看网页元素。
• 核心思路：找到所有“已关注”按钮，并自动点击它们。
• 关键点：添加延迟以避免被系统检测为异常行为。

准备工作：

1. 打开 Bilibili 网站（https://www.bilibili.com），登录你的账号。
2. 进入“我的关注”页面（路径：点击头像 → 个人中心 → 关注列表）。
3. 按 F12 打开开发者工具，切换到 Console 标签页（这里将运行我们的脚本）。

步骤 2：编写 JavaScript 脚本

我们将创建一个函数，自动识别并点击取消关注按钮。代码基于 Bilibili 的当前网页结构（2025 年常见版本），如果未来更新，你可能需要调整选择器。

// 批量取消关注脚本
function batchUnfollowBilibili() {
    // 获取所有关注按钮元素，当前选择器为 '.follow-btn'
    const buttons = document.querySelectorAll('.follow-btn');
    if (buttons.length === 0) {
        console.log('未找到关注按钮，请检查页面是否加载正确。');
        return;
    }

    let completed = 0; // 计数器：已处理的数量
    const total = buttons.length; // 总按钮数
    console.log(`发现 ${total} 个关注按钮，开始处理...`);

    // 循环处理每个按钮
    buttons.forEach((button, index) => {
        // 添加延迟：每 2 秒处理一个，避免过快触发风控
        setTimeout(() => {
            // 检查按钮状态是否为"已关注"
            if (button.textContent.includes('已关注')) {
                button.click(); // 模拟点击取消关注
                completed++;
                console.log(`已取消关注 ${completed}/${total} 个`);
                
                // 模拟用户确认操作（如果弹出确认框）
                setTimeout(() => {
                    const confirmBtn = document.querySelector('.unfollow-confirm');
                    if (confirmBtn) {
                        confirmBtn.click();
                    }
                }, 500); // 0.5 秒后点击确认
            }
        }, index * 2000); // 延迟时间：index * 2000 毫秒
    });
}

// 调用函数启动
batchUnfollowBilibili();

代码解释：

• document.querySelectorAll('.follow-btn')：获取所有关注按钮元素（Bilibili 的常见类名）。
• setTimeout：添加延迟，确保操作间隔合理（例如每 2 秒处理一个）。
• 检查 button.textContent.includes('已关注')：只处理当前已关注的 UP 主。
• 点击后，额外处理确认弹窗（如果出现）。
• 控制台输出进度，便于监控。

步骤 3：运行脚本

1. 在开发者工具的 Console 标签页中，粘贴上述代码。
2. 按 Enter 键运行 batchUnfollowBilibili() 函数。
3. 观察控制台输出：脚本会逐个取消关注，显示进度（如“已取消关注 5/20 个”）。
4. 完成后，刷新页面检查关注列表是否已清空。

注意：

• 如果页面结构变化，更新选择器（例如，用 .follow-btn 替换为实际类名）。
• 首次运行可能较慢，耐心等待。
• 测试时，建议先取消关注少量 UP 主（如 5 个），验证脚本有效性。

注意事项和安全提示

• 风险提示：自动化脚本可能被 Bilibili 视为违规行为，导致账号限制或封禁。仅在个人账号测试，勿用于商业或批量操作。
• 隐私保护：脚本仅在前端运行，不涉及服务器请求，确保你的账号密码安全（代码中无敏感信息）。
• 适应性：Bilibili 可能更新网页设计，如果脚本失效，请检查元素类名并调整代码。
• 道德使用：尊重平台规则，避免滥用。本教程旨在学习 JavaScript 的 DOM 操作技巧。
• 备选方案：如果脚本不稳定，可考虑手动操作或使用官方工具管理关注列表。

结语

通过这个简单的 JavaScript 脚本，你可以轻松实现 Bilibili 批量取消关注功能。整个过程体现了前端自动化的便捷性，同时强化了 JavaScript 的实战技能。记住，技术是中性的——合理使用才能带来便利。如果你遇到问题，欢迎在评论区交流（但请勿分享完整脚本）。尝试修改代码，比如调整延迟时间或添加错误处理，进一步提升你的编程能力！