Mac电脑 Safari 浏览器 Drak Reader 黑夜模式渲染贴吧不全面问题

1. 出现的情况：

• 如图黑夜模式中有很大部分白色内容，影响阅读。

2. 解决方案：

• 使用JS插件

• 安装后打开

• 代码如下

// ==UserScript==
// @name        TieBa Drak Plue
// @description Drak Reader 黑夜模式渲染贴吧不全面
// @match       *://*.*
// ==/UserScript==


if (document.domain == 'tieba.baidu.com') {
    set(document.getElementsByClassName('class_title'));
    set(document.getElementsByClassName('content-sec'));
    set(document.getElementsByClassName('sub_nav_wrap'));
    set(document.getElementById('left-cont-wraper').getElementsByTagName('a'));
    document.getElementById('onekey_sign').getElementsByTagName('a')[0].style = 'filter:invert(1)';
}

function set(ele) {
    for (var e of ele) {
        e.style.background = "#000";
    }
}

3. 最终效果：

4. 补充:

• 内容页面生效的代码

// ==UserScript==
// @name        TieBa Drak Plus
// @description Drak Reader 黑夜模式渲染贴吧不全面
// @match       *://*.*
// ==/UserScript==

if (document.domain == 'tieba.baidu.com') {
    var path = GetUrlRelativePath()
    if (path == '/' || path == '/index.html') {
        // 首页
        set(document.getElementsByClassName('class_title'));
        set(document.getElementsByClassName('content-sec'));
        set(document.getElementsByClassName('sub_nav_wrap'));
        set(document.getElementById('left-cont-wraper').getElementsByTagName('a'));
        document.getElementById('onekey_sign').getElementsByTagName('a')[0].style = 'filter:invert(1)';
    } else {
        // 内容页
        set(document.getElementsByClassName('pb_content'));
        set(document.getElementsByClassName('nav_wrap'));
        set(document.getElementsByClassName('core_title_btns')[0].getElementsByTagName('a'));
        set(document.getElementsByClassName('p_favthr_main'));
        document.getElementById('pager_go4').style.background = "#000";
        document.getElementById('signstar_wrapper').style = 'filter:invert(1)';
        document.getElementById('j_head_focus_btn').style = 'filter:invert(1)';
//         document.getElementsByClassName('tbui_aside_float_bar')[0].style = 'filter:invert(1)';
    }
}

function GetUrlRelativePath() {
    var url = document.location.toString();
    var arrUrl = url.split("//");
    var start = arrUrl[1].indexOf("/");
    var relUrl = arrUrl[1].substring(start);
    if(relUrl.indexOf("?") != -1){
        relUrl = relUrl.split("?")[0];
    }
    return relUrl;
}

function set(ele) {
    for (var e of ele) {
        e.style.background = "#000";
    }
}

• 效果

点个赞吧，谢谢大家！