☰

BIliBili首页增强

自用B站首页增强脚本，提供推送卡片净化、倍速悬停预览、预览进度继承、无痕复制链接、搜索净化等功能

// ==UserScript==
// @name         BIliBili首页增强
// @namespace    https://www.ordosx.tech/
// @version      1.7
// @description  自用B站首页增强脚本，提供推送卡片净化、倍速悬停预览、预览进度继承、无痕复制链接、搜索净化等功能
// @author       OrdosX
// @license      MIT
// @match        https://www.bilibili.com/
// @icon         https://www.bilibili.com/favicon.ico
// @grant        GM_setClipboard
// @note         1.7 修复：排除官方继承进度功能干扰
// @note         1.6 重构：完善预览增强逻辑
// @note         1.5 修复：搜索净化未能正常工作
// @note         1.4 更新：添加搜索净化功能，可删除搜索框默认内容与热搜
// ==/UserScript==

(function () {
    'use strict';

    // 悬停预览时的播放倍速
    const PLAYBACK_RATE = 3;

    // 通过正则表达式定义需要屏蔽的UP主关键词
    const BLOCKED_AUTHORS_REGEX = [
        /剪辑/,
        /话题/,
        /记录/,
        /纪录/,
        /兔警长/,
        /混合体主脑/,
        /BB姬/,
        /档案/
    ];

    /**
     * 将视频节点的播放进度绑定到其父锚点元素
     * @param {HTMLVideoElement} node - 视频元素节点
     * @param {HTMLAnchorElement} parent_anchor - 链接节点
     */
    function bind_progress_to_anchor(node, parent_anchor) {
        parent_anchor.dataset.previewDuration = node.duration; // 记录视频总时长
        node.addEventListener('timeupdate', () => {
            // 仅在播放到新位置时更新预览时间，避免循环播放后重置
            if (
                'previewTime' in parent_anchor.dataset &&
                parent_anchor.dataset.previewTime > node.currentTime
            ) return;
            parent_anchor.dataset.previewTime = node.currentTime;
        });
    }

    /**
     * 根据用户的预览时间继承进度到视频链接
     * @param {HTMLAnchorElement} node - 链接节点
     * @param {URL} url - 链接的 URL 对象
     */
    function inherit_preview_progress(node, url) {
        if (
            !('previewTime' in node.dataset) ||
            !('previewDuration' in node.dataset)
        ) return;
        const preview_time = Number(node.dataset.previewTime);
        const preview_duration = Number(node.dataset.previewDuration);
        if (
            // 如果预览时间小于5秒
            preview_time < 5 * PLAYBACK_RATE ||
            // 或者视频时长小于5分钟并且已经看完
            (preview_duration < 299 && preview_time + 3 > preview_duration)
        ) return;

        // 修改 URL 以继承更合理的预览进度
        url.searchParams.delete('t');
        url.searchParams.append('t', Math.floor(preview_time));
        node.href = url.toString();
    }

    /**
     * 提升预览体验，实现预览加速、进度继承功能
     * @param {HTMLVideoElement} node - 视频元素节点
     */
    function setup_preview_enhancement(node) {
        if (!(node instanceof HTMLVideoElement)) return;

        // 等待视频元数据加载完毕再执行操作
        node.addEventListener('loadedmetadata', () => {
            // 包含该视频的父级链接节点
            const parent_anchor = node.closest('a');
            if (!parent_anchor) return;

            node.playbackRate = PLAYBACK_RATE;

            bind_progress_to_anchor(node, parent_anchor);

            parent_anchor.addEventListener('click', () => {
                const url_object = new URL(parent_anchor.href);
                inherit_preview_progress(parent_anchor, url_object);
            });
        });
    }

    /**
     * 删除不需要的推荐卡片
     * @param {HTMLElement} node - 推荐卡片元素节点
     */
    function remove_unwanted_card(node) {
        if (!node.classList) return;
        if (
            // 移除直播卡片
            node.classList.contains('bili-live-card') ||
            // 移除分区卡片
            node.classList.contains('floor-single-card') ||
            // 移除广告卡片
            (node.classList.contains('bili-video-card') && node.querySelector('a')?.href.startsWith('https://cm')) ||
            // 移除没有链接的被屏蔽广告卡片
            (node.classList.contains('bili-video-card') && !node.querySelector('a'))
        ) {
            node.remove();
        }

        // 如果是屏蔽的UP主，移除相关视频卡片
        const authorNode = node.querySelector('.bili-video-card__info--author');
        if (authorNode && BLOCKED_AUTHORS_REGEX.some(regex => regex.test(authorNode.innerText))) {
            node.remove();
        }
    }

    /**
     * 添加"复制链接"按钮到每个视频卡片
     * @param {HTMLElement} node - 视频卡片节点
     */
    function add_copy_link_button(node) {
        // 确保节点是包含 bili-video-card__info--bottom 的视频卡片
        if (!(node.classList && node.classList.contains('bili-video-card'))) return;
        const bottomContainer = node.querySelector('.bili-video-card__info--bottom');
        if (!bottomContainer) return;

        // 创建并设置复制链接按钮的样式和事件
        const copyButton = document.createElement('a');
        copyButton.textContent = '复制链接';
        copyButton.style.position = 'absolute';
        copyButton.style.display = 'flex';
        copyButton.style.right = '0';
        copyButton.href = '#';
        bottomContainer.appendChild(copyButton);

        // 为复制按钮添加点击事件，点击时将链接复制到剪贴板
        copyButton.addEventListener('click', (event) => {
            event.preventDefault();
            const videoLinkElement = bottomContainer.previousElementSibling.querySelector('a');
            if (videoLinkElement) {
                const videoUrl = videoLinkElement.href;
                GM_setClipboard(videoUrl); // 使用 GM_setClipboard 将链接复制到剪贴板
                copyButton.textContent = '已复制';
                setTimeout(() => {
                    copyButton.textContent = '复制链接';
                }, 1000);
            }
        });
    }

    /**
     * 清理搜索框和热门搜索
     */
    function purify_search() {
        // 清空搜索框默认内容
        const searchBox = document.querySelector('.nav-search-input');
        if (searchBox) {
            searchBox.attributes.removeNamedItem('placeholder');
            searchBox.attributes.removeNamedItem('title');
        }

        // 清空热搜
        (new MutationObserver((mutationsList) => {
            mutationsList.forEach((mutation) => {
                mutation.addedNodes.forEach((node) => {
                    if (node.nodeType === Node.ELEMENT_NODE) {
                        // 查找新添加的节点中是否包含 'trending' 类的元素
                        const trendingElements = node.classList.contains('trending')
                            ? [node]
                            : node.querySelectorAll('.trending');

                        // 删除所有找到的 'trending' 元素
                        trendingElements.forEach(trending => trending.remove());
                    }
                });
            });
        })).observe(document.querySelector('.search-panel'), {
            childList: true,
            subtree: true
        });
    }

    /**
     * 减少页边距，隐藏右下按钮组和“换一换”按钮
     */
    function remove_padding_and_buttons() {
        // 减少主页主容器的左右页边距
        const mainElement = document.querySelector('main.bili-feed4-layout');
        if (mainElement) {
            mainElement.style.padding = '0 20px';
        }

        // 隐藏右下角浮动按钮
        const paletteElement = document.querySelector('.palette-feed4');
        if (paletteElement) {
            paletteElement.style.display = 'none';
        }

        // 隐藏“换一换”按钮
        const switchElement = document.querySelector('.feed-roll-btn');
        if (switchElement) {
            switchElement.style.display = 'none';
        }
    }

    // 页面加载完成后执行的逻辑
    window.addEventListener('load', () => {
        // 处理所有现有的视频卡片，添加"复制链接"按钮
        const videoCards = document.querySelectorAll('.bili-video-card');
        videoCards.forEach(add_copy_link_button);

        purify_search();
        remove_padding_and_buttons();
    });

    // 使用 MutationObserver 监听页面上的节点变化
    (new MutationObserver((mutationsList) => {
        mutationsList.forEach((mutation) => {
            mutation.addedNodes.forEach((node) => {
                // 对新增节点进行处理：设置视频倍速预览、移除不需要的卡片、添加复制链接按钮
                setup_preview_enhancement(node);
                remove_unwanted_card(node);
                add_copy_link_button(node);
            });
        });
    })).observe(document.querySelector('.recommended-container_floor-aside'), {
        childList: true,
        subtree: true
    });
})();