隐藏新版哔哩哔哩侧边广告以及默认展开弹幕列表
// ==UserScript==
// @name hide bilibili slide ad
// @namespace http://tampermonkey.net/
// @version 0.4
// @description 隐藏新版哔哩哔哩侧边广告以及默认展开弹幕列表
// @author CirnoBreak
// @match https://www.bilibili.com/video/*
// @grant none
// ==/UserScript==
(function () {
'use strict';
// 封装的document.querySelector函数
const selector = (selector) => document.querySelector(selector);
// 获取侧边滑动广告元素，同时也是新版播放器的特有元素
const ad = selector('#slide_ad');
// 页面初加载时只是一个骨架屏占位的元素，没有任何内容，须观察元素变动
const targetNode = selector('.danmaku-wrap');
// MutationObserver选项,此处观察子元素集合跟子树的变动
const config = { childList: true, subtree: true };
// 判断在加载过程中是否找到className为bui-collapse的元素
const findCollapse = (target) => {
return target.classList.value.includes('player-auxiliary');
}
// MutationObserver 的回调函数
const callback = (mutationsList) => {
// 用于判断是否找到元素，找到之后赋值为true不执行
let flag;
for (let mutation of mutationsList) {
const target = mutation.target;
if (!flag && findCollapse(target)) {
// 找到后触发弹幕列表标题点击事件
selector('.bui-collapse-header').click();
flag = true;
// 停止观察
observer.disconnect();
}
}
};
// 实例化观察者
const observer = new MutationObserver(callback);
// 判断是否是新版播放器
if (!!ad) {
// 隐藏滑动广告
ad.style.display = 'none';
// 观察变动
observer.observe(targetNode, config);
}
})();