Greasy Fork

Greasy Fork is available in English.

简洁ZK8

屏蔽不必要的元素,优化页面浏览体验。

当前为 2024-11-20 提交的版本,查看 最新版本

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         简洁ZK8
// @namespace    http://tampermonkey.net/
// @version      1.5
// @description  屏蔽不必要的元素,优化页面浏览体验。
// @author       StayExploring
// @match        *://*.zuanke8.com/*
// @grant        none
// @license      MIT
// @icon         none
// ==/UserScript==

(function() {
    // Helper function to hide an element and log result
    function hideElement(element, description) {
        if (element) {
            element.style.display = 'none';
            console.log(description + ' 已隐藏。');
        } else {
            console.warn(description + ' 未找到。');
        }
    }

    // 隐藏 #nv 元素
    var nvElement = document.getElementById('nv');
    hideElement(nvElement, '#nv 元素');

    // 隐藏 logo 的 <h2> 元素
    var logoElement = document.querySelector('h2 > a[title="赚客吧"]');
    if (logoElement) {
        var h2Element = logoElement.closest('h2');
        hideElement(h2Element, 'Logo 元素');
    }

    // 隐藏包含搜索框的 <tr> 元素
    var searchTrElement = document.querySelector('tr');
    if (searchTrElement && searchTrElement.querySelector('.scbar_txt_td')) {
        hideElement(searchTrElement, '搜索框的 <tr> 元素');
    }

    // 隐藏整个搜索框的 <div id="scbar"> 元素
    var scbarElement = document.getElementById('scbar');
    hideElement(scbarElement, '整个搜索框的 <div id="scbar"> 元素');

    // 隐藏 <div class="wp a_t"> 元素
    var wpATElement = document.querySelector('div.wp.a_t');
    hideElement(wpATElement, '包含求助和其他链接的 <div class="wp a_t"> 元素');

    // 隐藏 #xad_mu 元素
    var xadMuElement = document.getElementById('xad_mu');
    hideElement(xadMuElement, '#xad_mu 元素');

    // 隐藏 推荐阅读的 <table> 元素
    var recommendedTable = document.querySelector('table.dt.valt');
    hideElement(recommendedTable, '推荐阅读的 <table> 元素');

    // 隐藏广告区域 <div class="zuanpw zuanat"> 元素
    var zuanpwElement = document.querySelector('div.zuanpw.zuanat');
    hideElement(zuanpwElement, '广告区域的 <div class="zuanpw zuanat"> 元素');

    // 隐藏 今日热门帖子推荐 <td class="plc plm"> 元素及其内容
    var hmElement = document.querySelector('td.plc.plm');
    hideElement(hmElement, '今日热门帖子推荐的 <td class="plc plm"> 元素');

    // 隐藏所有头像元素
    var avatarElements = document.querySelectorAll('.avatar');
    if (avatarElements.length > 0) {
        avatarElements.forEach(function(avatarElement) {
            avatarElement.style.display = 'none';
        });
        console.log('头像元素已隐藏。');
    } else {
        console.warn('未找到头像元素。');
    }

    // 隐藏 <div class="bm bml pbn"> 元素
    var bmElement = document.querySelector('div.bm.bml.pbn');
    hideElement(bmElement, '<div class="bm bml pbn"> 元素');

    // 隐藏 <tbody id="stickthread_8268000"> 元素
    var stickThreadElement = document.getElementById('stickthread_8268000');
    hideElement(stickThreadElement, '<tbody id="stickthread_8268000"> 元素');

    // 隐藏 <tbody id="stickthread_8831116"> 元素
    var stickThread8831116Element = document.getElementById('stickthread_8831116');
    hideElement(stickThread8831116Element, '<tbody id="stickthread_8831116"> 元素');

    // 使用 MutationObserver 来监控动态加载的内容
    const observer = new MutationObserver((mutationsList, observer) => {
        mutationsList.forEach(mutation => {
            if (mutation.type === 'childList') {
                mutation.addedNodes.forEach(node => {
                    if (node.nodeType === 1) { // 检查是否是元素节点
                        // 隐藏动态加载的头像元素
                        if (node.matches('.avatar')) {
                            node.style.display = 'none';
                            console.log('动态加载的头像元素已隐藏。');
                        }
                    }
                });
            }
        });
    });

    // 开始监听 document.body 中的变化
    observer.observe(document.body, { childList: true, subtree: true });

})();