B站顶部栏 - 旧版历史的分类样式

修改新版顶部栏历史的分类样式

目前为 2024-01-25 提交的版本,查看 最新版本

// ==UserScript==
// @name         B站顶部栏 - 旧版历史的分类样式
// @namespace    mscststs
// @version      0.2
// @license      ISC
// @description  修改新版顶部栏历史的分类样式
// @author       mscststs
// @match        https://space.bilibili.com/*
// @match        https://www.bilibili.com/v/*
// @match        https://www.bilibili.com/video/*
// @icon         https://www.bilibili.com/favicon.ico
// @require      https://greasyfork.org/scripts/38220-mscststs-tools/code/MSCSTSTS-TOOLS.js?version=713767
// @run-at       document-body
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    StartObservePanel();
    async function StartObservePanel(){

        function addPanel(index) {
            var panelElement = document.querySelectorAll(".history-panel-popover .header-tabs-panel__item")[index];
            var panelContent = panelElement.innerHTML;
            if(!panelContent.match(/历史/)) {
                panelContent += "历史";
                panelElement.innerHTML = panelContent;
                //alert(panelContent);
            }
        }

        function subPanel() {
            var panelElements = document.querySelectorAll(".history-panel-popover .header-tabs-panel__item");
            for (var i = 0; i < panelElements.length; i++) {
                var panelContent = panelElements[i].innerHTML;
                if(panelContent.match(/历史/)) {
                    panelElements[i].innerHTML = panelContent.substring(0, 2);
                }
            }
        }

        function operatePanel(Panel, index) {
            var Content = Panel.innerHTML;
            if(!Content.match(/历史/)) {
                subPanel();
                addPanel(index);
            }
        }

        await mscststs.wait(".history-panel-popover .header-tabs-panel__item");
        addPanel(0);

        var entryText = document.querySelectorAll(".bili-header .right-entry .right-entry__outside .right-entry-text")[5];
        entryText.onmouseover = function() {
            subPanel();
            addPanel(0);
        }

        var viedoIndex = 0;
        var viedoPanel = document.querySelectorAll(".history-panel-popover .header-tabs-panel__item")[viedoIndex];
        viedoPanel.onclick = function() {
            operatePanel(viedoPanel, viedoIndex);
        }

        var liveIndex = 1;
        var livePanel = document.querySelectorAll(".history-panel-popover .header-tabs-panel__item")[liveIndex];
        livePanel.onclick = function() {
            operatePanel(livePanel, liveIndex);
        }

        var columnIndex = 2;
        var columnPanel = document.querySelectorAll(".history-panel-popover .header-tabs-panel__item")[columnIndex];
        columnPanel.onclick = function() {
            operatePanel(columnPanel, columnIndex);
        }
    }
})();