Pure bilibili

Offer a pure bilibili home page
换行
// ==UserScript==
// @name         Pure bilibili
// @namespace    https://www.bilibili.com/
// @version      0.1
// @description  Offer a pure bilibili home page
// @author       You
// @match        https://www.bilibili.com/
// @grant       none
// ==/UserScript==
(function() {
    const search_box_holder = 'ricercare videi'
    const right_font_style = 'color: #000; white-space: nowrap; text-shadow: none'
    delete_dom_by_className(['b-wrap', 'international-footer', 'bili-banner', 'contact-help', 'nav-link'])
    
    window.addEventListener('load', function(){
        delete_dom_by_className(['nav-search-btn', 'search-icon'])
        beauty_dom_by_id([
            {
                'name': 'app',
                'style': 'height: 100%'
            }
        ])
        beauty_dom_by_className([
            {
                'name': 'name',
                'style': right_font_style
            },{
                'name': 'mini-header',
                'style': 'position: relative; z-index: 1; width: 100%; height: 100%;'
            },{
                'name': 'mini-header__content',
                'style': 'flex-direction: column-reverse; height: 100%'
            },{
                'name': 'international-home',
                'style': 'height: 100%'
            },{
                'name': 'international-header',
                'style': 'height: 100%'
            },{
                'name': 'nav-search-box',
                'style': 'display: flex; margin: 0; height: 100%; width: 100%; align-items: center; justify-content: center; padding-bottom: 150px'
            },{
                'name': 'nav-search',
                'style': 'width: 500px'
            },{
                'name': 'nav-search-keyword',
                'style': 'border: 1px solid #e5e9ef; padding: 0 10px; box-shadow: 0 2px 4px rgb(0 0 0 / 16%); height: 45px; font-size: 18px'
            },{
                'name': 'nav-user-center',
                'style': 'display: inline-flex; flex-shrink: 0; flex-direction: row; align-self: flex-end; justify-items: flex-end;'
            }
        ])
        beauty_dom_by_id([
            {
                'name': 'nav_searchform',
                'style': 'padding: 0'
            }
        ])

        const nav_search_keyword = document.getElementsByClassName('nav-search-keyword')[0]
        nav_search_keyword.setAttribute('placeholder', search_box_holder)
        nav_search_keyword.focus()
    })

    
})();

function beauty_dom_by_className(targets){
    targets.forEach(target => {
        let dom = document.getElementsByClassName(target.name)
        for(let i = 0; i < dom.length; i++){
            dom[i].style.cssText = target.style;
        }
    });
}

function beauty_dom_by_id(targets){
    targets.forEach(target => {
        let dom = document.getElementById(target.name)
        dom.style.cssText = target.style;
    });
}

function delete_dom_by_className(names){
    names.forEach(name => {
        let dom = document.getElementsByClassName(name)
        while(dom.length > 0){
            dom[0].remove()
        }
    });
}
function delete_dom_by_id(ids){
    ids.forEach(id => {
        let dom = document.getElementById(id)
        dom.remove()
    });
}
欢迎访问Greasy Fork镜像
