为Bilibili直播间的大航海列表添加点击跳转功能
// ==UserScript==
// @name Bilibili大航海列表点击跳转
// @namespace https://space.bilibili.com/35192025
// @version 0.2.1
// @supportURL https://space.bilibili.com/35192025
// @grant none
// @author 铂屑
// @license MIT
// @include /https?:\/\/live\.bilibili\.com\/(blanc\/)?\d+\??.*/
// @icon https://www.google.com/s2/favicons?domain=bilibili.com
// @description 为Bilibili直播间的大航海列表添加点击跳转功能
// @require https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js
// ==/UserScript==
(async function () {
'use strict';
async function addEventToGuardList() {
while ($('#rank-list-ctnr-box .rank-list-cntr .rank-list-box .list div[role="listitem"]').length == 0) {
// console.warn(`找不到大航海元素，退出。`)
return
}
let userList = $('#rank-list-ctnr-box .rank-list-cntr .rank-list-box .list div[role="listitem"]')
// console.log(userList)
userList.map(function (num) {
let userInfo = $(this).children('webcomponent-userinfo').first()
let userInfoJson = JSON.parse(userInfo?.attr('userinfo'))
let uid = userInfoJson.uinfo.uid // 获取uid
// console.log(uid)
let unameDom = document.querySelectorAll('#rank-list-ctnr-box .rank-list-cntr .rank-list-box .list div[role="listitem"] webcomponent-userinfo')[num].shadowRoot?.querySelector('span.uname')
// console.log(unameDom)
// 操作内部元素
unameDom?.addEventListener('click', function () {
window.open('https://space.bilibili.com/' + uid);
});
return this
})
}
while ($('#rank-list-ctnr-box .tab-content ').length == 0) {
// console.warn(`找不到排行，等待3秒。`)
await new Promise((res,) => setTimeout(res, 3000)) // wait 3 seconds
}
try {
var eventflag = true;
var listBox = document.querySelector("#rank-list-ctnr-box .tab-content");
//以下代码为监控整个Body元素的变化
var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
if (MutationObserver) {
var MutationObserverConfig = {
childList: true,
subtree: true,
};
var observer = new MutationObserver(async function (mutations) {
await addEventToGuardList();
});
observer.observe(listBox, MutationObserverConfig);
}
else if (listBox?.addEventListener) {
listBox.addEventListener("DOMSubtreeModified", async function (evt) {
await addEventToGuardList();
}, false);
}else {
await addEventToGuardList();
}
} catch (error) {
console.log(error)
}
})().catch(console.warn);