知乎网页版更新,不好摸鱼看知乎了(解决)

平常除了刷L站,还会看看知乎的文章摸摸鱼,但是今天一来打开知乎网站发现,页面内必有一个视频,基本是5个文章,1个视频这样的频率,这样摸鱼被发现的概率就大大增加了。

stylus插件隐藏视频
@-moz-document url-prefix("https://www.zhihu.com/") {
    .VideoAnswerPlayer-video,.ZVideoItem{
            display:none;
        }
    }

@xudashan 提供"

油猴隐藏知乎视频图片gif广告
// ==UserScript==
// @name         知乎视频图片gif广告屏蔽
// @namespace    http://tampermonkey.net/
// @version      0.4
// @description  将滚动页面中新刷出的视频图片gif广告屏蔽
// @author       mk1213817
// @match       *://*.zhihu.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Function to hide videos and images
    function hideContent() {
        // 屏蔽视频
        const videos = document.querySelectorAll('.ContentItem.AnswerItem .VideoAnswerPlayer, .VideoAnswerPlayer-video');
        videos.forEach(video => {
            video.style.display = 'none';
        });

        // 屏蔽图片
        const images = document.querySelectorAll('div img.origin_image');
        images.forEach(image => {
            image.style.display = 'none';
        });

        // 屏蔽gif
         const gifs = document.querySelectorAll('div.GifPlayer');
        gifs.forEach(gifs => {
            gifs.style.display = 'none';
       });

        // 屏蔽表情包
         const content_image = document.querySelectorAll('div img.content_image');
        content_image.forEach(content_image => {
            content_image.style.display = 'none';
       });

        // 屏蔽广告图
         const recommend_img = document.querySelectorAll('div.css-1ld0bim img');
        recommend_img.forEach(recommend_img => {
            recommend_img.style.display = 'none';
             });

         // 屏蔽广告卡片
         const ads = document.querySelectorAll('div.Pc-feedAd');
         ads.forEach(ads => {
             ads.style.display = 'none';
             });
    }

    // Use MutationObserver to monitor for changes and hide content in dynamically loaded parts
    const observer = new MutationObserver(mutations => {
        mutations.forEach(mutation => {
            if (mutation.type === "childList" && mutation.addedNodes.length > 0) {
                mutation.addedNodes.forEach(node => {
                    if (node.nodeType === 1) { // Element node
                        hideContent(); // Call the function to hide content for new nodes
                    }
                });
            }
        });
    });

    // Start observing the body for added nodes
    observer.observe(document.body, {
        childList: true,
        subtree: true
    });

    // Initial call to hide content on page load
    hideContent();
})();

截图20240430093850

4 个赞

需求感觉挺简单的,但是不会js,期待楼下大佬实现

接下去,期待楼下大佬实现

牛牛牛

也是找gpt写的, 第一次进也可以把视频删掉

代码
(function() {
    'use strict';

    // 删除具有VideoAnswerPlayer类的元素
    function removeVideoAnswerPlayers() {
        const players = document.querySelectorAll('.VideoAnswerPlayer');
        players.forEach(player => {
            player.remove();
        });
    }

    // 使用MutationObserver监控DOM变化
    const observer = new MutationObserver(mutations => {
        mutations.forEach(mutation => {
            if (mutation.addedNodes.length) {
                // 当有新节点添加时,尝试删除VideoAnswerPlayer元素
                removeVideoAnswerPlayers();
            }
        });
    });

    // 配置MutationObserver
    const config = { childList: true, subtree: true };

    // 开始观察DOM变化
    observer.observe(document.body, config);

    // 初始调用,确保页面加载后删除元素
    removeVideoAnswerPlayers();


})();

:cow::cow:

牛,收藏了

有现成的油猴脚本为什么不用呢知乎增强

3 个赞

专业!

知乎再也不是那个知乎了, 全是小广告 ,现在不爱刷了

不用这么麻烦啦,用stylus:

@-moz-document url-prefix("https://www.zhihu.com/") {
    .VideoAnswerPlayer-video,.ZVideoItem{
            display:none;
        }
    }

这个是怎么使用的呢


(function() {
    'use strict';
    GM_addStyle(`.VideoAnswerPlayer-video, .ZVideoItem { display: none; }`);
})();

gpt转油猴脚本是这样,但好像没作用

我也用的油猴的脚本,感觉很方便,不过大佬:cow::cow::cow:

image
去插件市场搜索stylus,安装后,按这个图,点击然后把代码拷贝进去,即可。

哦哦~ 那这个插件是简便很多

有脚本啊,还可以屏蔽那些盐选之类的