V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
magicianlib
V2EX  ›  哔哩哔哩

写了一个屏蔽 社情/直播/电视剧 油猴插件

  •  
  •   magicianlib · 37 天前 · 860 次点击
    这是一个创建于 37 天前的主题,其中的信息可能已经有所发展或是发生改变。

    油猴插件:移除 Bilibili 直播/社情/电视剧 等推荐卡片

    发现 bilibili 首页所有的卡片元素都是:

    <div class="feed-card" />
    <div class="bili-video-card is-rcmd enable-no-interest" />
    <div class="floor-single-card" />
    <div class="bili-video-card is-rcmd" />
    

    其中class="floor-single-card" 对应的卡片都是直播/电视剧/社情等内容,这种元素有个特征,就是内部会多两个 div 层级:

    <div class="layer"></div>
    <div class="layer tiny"></div>
    

    目前只能根据这个来排除社情/直播等内容,无法再细致化处理。

    具体的脚本如下:

    (function() {
        'use strict';
    
        function removeFloorSingleCards() {
            // class='floor-single-card' 的卡片全是直播/社情/电视剧等推荐,统统移除!!!!
            const cards = document.querySelectorAll('.floor-single-card');
            cards.forEach(card => card.remove());
        }
    
        // 初始调用以移除已有的卡片
        removeFloorSingleCards();
    
        // 使用 MutationObserver 监视 DOM 变化
        const observer = new MutationObserver(removeFloorSingleCards);
        observer.observe(document.body, { childList: true, subtree: true });
    })();
    

    更正确的做法应该是通过卡片封面调用 api 判断是否为社情才对,直接这么处理不够细致,先这么使用吧~

    2 条回复    2024-10-09 21:49:53 +08:00
    chipipi
        1
    chipipi  
       36 天前
    好像不起作用,摸鱼滑评论边小窗看视频,底部有个社情直播卡片真的有点尬
    magicianlib
        2
    magicianlib  
    OP
       36 天前
    @chipipi 这个只针对 B 站首页有效,我发现对我很有用
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5807 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 65ms · UTC 03:01 · PVG 11:01 · LAX 19:01 · JFK 22:01
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.