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

15 天前
 magicianlib

油猴插件:移除 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 判断是否为社情才对,直接这么处理不够细致,先这么使用吧~

597 次点击
所在节点    哔哩哔哩
2 条回复
chipipi
14 天前
好像不起作用,摸鱼滑评论边小窗看视频,底部有个社情直播卡片真的有点尬
magicianlib
14 天前
@chipipi 这个只针对 B 站首页有效,我发现对我很有用

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1078385

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX