Greasy Fork

Greasy Fork is available in English.

B站直播全屏时工具栏清理

去掉B站(live.bilibili.com)网页全屏或者全屏时出现的讨厌的打赏工具栏的小工具

当前为 2024-01-04 提交的版本,查看 最新版本

// ==UserScript==
// @name         B站直播全屏时工具栏清理
// @namespace    https://github.com/afyi/bliveclear
// @version      1.1.0
// @description  去掉B站(live.bilibili.com)网页全屏或者全屏时出现的讨厌的打赏工具栏的小工具
// @author       猫东东 <blog.del.pub>
// @match        *://live.bilibili.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=bilibili.com
// @grant        none
// @license MIT
// ==/UserScript==

(function() {
    'use strict';

    if (/live.bilibili.com/.test(location.host)) {
        console.log("B站直播全屏时工具栏清理");
        const observer = new MutationObserver((mutationsList) => {
            for (let mutation of mutationsList) {
                if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
                    // console.log('body类名发生了改变');
                    // 这里可以添加处理逻辑
                    let classList = Object.values(document.querySelector('body').classList);
                    // 查看一下对应的值
                    // console.log(typeof classList, classList);
                    // 判定是否有播放器全屏的样式
                    if (classList.includes("player-full-win") || classList.includes("fullscreen-fix")) {
                        document.getElementById("web-player__bottom-bar__container").style = "display:none; width: 0;";
                    } else {
                        document.getElementById("web-player__bottom-bar__container").style = "display:block; width:100%;";
                    }
                }
            }
        });
        // 配置观察选项
        const config = { attributes: true };
        // 开始观察目标节点(body)及其子节点的变动
        observer.observe(document.querySelector('body'), config);
    }
})();