用油猴脚本去掉讨厌的B站直播打赏框

作为一个上班族，我们经常需要在工作之余寻求一些娱乐和放松。

对于喜欢看各种比赛直播的人来说，小破站无疑是一个不错的选择。小破站拥有大量的直播版权，可以让我们随时随地观看到各种精彩的比赛。

然而，从去年开始，小破站更新了一个打赏工具条，这给我们的观影体验带来了诸多不便。原本，我们点击网页屏或全屏时，这个打赏工具条是不会出现的。

但是现在，无论是在何时何地，只要打开小破站观看直播，这个打赏工具条就会显露出来，让人感到非常的不舒服。

经过仔细的思考和研究，我写了一个油猴脚本来处理这个问题。

这个脚本的主要作用是在打开小破站观看直播时自动隐藏打赏工具条。

这样，我们就可以专心地观看直播，享受比赛的激情，而不会被打赏工具条干扰。

当然，这个脚本我也发布了，记得要先装油猴插件哦…

地址是：>>>> https://greasyfork.org/zh-CN/scripts/483878 <<<<

// ==UserScript==
// @name         哔哩哔哩(B站|Bilibili)全屏直播净化
// @namespace    https://github.com/afyi/bliveclear
// @version      1.2.3
// @description  去掉B站(live.bilibili.com)网页全屏或者全屏时出现的讨厌的打赏工具栏的小工具
// @author       猫东东 <blog.del.pub>
// @match        *://live.bilibili.com/*
// @website      https://greasyfork.org/zh-CN/scripts/483878
// @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);
    }
})();

启用之后，再打开直播看看，都没有了…

相信很多人和我一样，对于这种打赏工具条都有些反感。

我们来小破站看直播，是为了享受比赛的乐趣和氛围，而不是为了被打赏工具条这样的干扰所困扰。

因此，我认为，小破站应该重新审视一下这个打赏工具条的设置，尽可能地减少对用户的干扰和不便。

综上所述，通过这个油猴脚本的使用，我们可以轻松地解决小破站打赏工具条带来的不便问题，让我们更加专注地享受精彩的直播比赛。

同时，我们也希望小破站能够进一步改进自己的设计，提升用户的观影体验，让更多的人喜欢和支持小破站。