MediaWiki:Gadget-heimu-toggle.js

注意：这类代码页面在保存之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。

• 按住CTRL+SHIFT+DEL 或 ⌘-Shift-R来清除缓存！
• 或尝试在地址栏的地址最后添加代码?_=1来访问最新页面。

  添加代码后的本页地址如下：-{R|https://hmoegirl.com/MediaWiki:Gadget-heimu-toggle.js?_=1}-

• 你还可以在设置中勾选小工具在页面右上角添加清除缓存按钮！

// <pre>
(function() {
    function heimu_toggle() {
        if (!$('.heimu, .colormu')[0] || $('#heimu_toggle')[0]) return;
        $(".colormu").each(function() {
            this.dataset.backgroundColor = $(this).css("background-color");
        });
        var body = document.body,
            html = document.documentElement;
        var innerWidth = window.innerWidth;
        var scrollbarWidth;
        switch ("scroll") {
            case getComputedStyle(body).overflowY:
                scrollbarWidth = innerWidth - body.clientWidth;
                break;
            case getComputedStyle(html).overflowY:
                scrollbarWidth = innerWidth - html.clientWidth;
                break;
            default:
                var backup = body.style.overflowY;
                body.style.overflowY = "scroll";
                scrollbarWidth = innerWidth - body.clientWidth;
                body.style.overflowY = backup;
        }
        var btn = $('<div/>', {
            id: 'heimu_toggle',
            text: '半隐黑幕',
            css: {
                'user-select': 'none',
            },
        }).appendTo(document.body).on('click', function() {
            if ($('body.heimu_toggle_on')[0]) $(this).text('半隐黑幕');
            else $(this).text('隐藏黑幕');
            $(document.body).toggleClass('heimu_toggle_on');
            $(".colormu").each(function() {
                if ($(this).hasClass("colormu_toggle_on")) {
                    $(this).removeClass("colormu_toggle_on");
                    $(this).css("background-color", this.dataset.backgroundColor);
                } else {
                    $(this).addClass("colormu_toggle_on");
                    $(this).css("background-color", this.dataset.backgroundColor.replace("rgb", "rgba").replace(")", ", .17)"));
                }
            });
        });
        if (scrollbarWidth === 0) {
            btn.css("right", "20px"); // 修复新版 Chrome 的自动隐藏式滚动条导致的按钮被覆盖 chrome://flags/#overlay-scrollbars
        }
        if ($('.backToTop')[0]) $(window).on('scroll', function() {
            $(document).scrollTop() > 0 ? btn.css('bottom', '193px') : btn.css('bottom', '100px');
        }).scroll();
        if (mw.config.get('AnnToolsHeimuToggleDefaultOn')) btn.click();
        else mw.config.set('AnnToolsHeimuToggleDefaultOn', true);
    }
    setInterval(heimu_toggle, 3000);
})();
// </pre>