[知乎增强] 希望添加 “屏蔽划词弹框” 功能 #595

Activity

1. amorphobia

   added

   功能建议新功能 或 建议新功能 或 建议

   on May 29, 2026
2. XIU2 commented on May 31, 2026

   

   XIU2

   on May 31, 2026

   Owner

   More actions

   这个不好处理，主要是这个元素的类名是随机生成的（这几年知乎新出的功能的元素类名都变成这种了，不管是对于屏蔽显示还是其他相关功能都难以处理）。

   

   不过这个并不是每次打开网页都是随机的，而是取决于知乎的变动，我建议你可以先在广告屏蔽扩展的自定义规则里加上：

   www.zhihu.com##.css-16vbw36
   

   来实现屏蔽效果。
3. amorphobia commented on Jun 1, 2026

   

   amorphobia

   on Jun 1, 2026

   Author

   More actions

   我注意到这样的 div 是紧随 body 的子元素，让 AI 写了一个，目前看起来是有效果的：

   展开查看代码

   // ==UserScript==
   // @name         屏蔽 body 直接子元素 css-div
   // @namespace    http://tampermonkey.net/
   // @version      1.0
   // @match        https://*.zhihu.com/*
   // @grant        none
   // @run-at       document-start
   // ==/UserScript==
   
   (function() {
       'use strict';
   
       function isTargetDiv(el) {
           return el.tagName === 'DIV' && /^css-[a-zA-Z0-9]{6,}$/.test(el.className);
       }
   
       function hideElement(el) {
           if (!el.hasAttribute('data-hidden')) {
               el.style.display = 'none';
               el.setAttribute('data-hidden', 'true');
           }
       }
   
       // 屏蔽现有的
       if (document.body) {
           Array.from(document.body.children).filter(isTargetDiv).forEach(hideElement);
       }
   
       // 监听未来的
       const observer = new MutationObserver((mutations) => {
           mutations.forEach((mutation) => {
               mutation.addedNodes.forEach((node) => {
                   if (node.nodeType === 1 && node.parentNode === document.body && isTargetDiv(node)) {
                       hideElement(node);
                   }
               });
           });
       });
   
       function start() {
           if (document.body) {
               observer.observe(document.body, { childList: true, subtree: false });
           } else {
               document.addEventListener('DOMContentLoaded', start);
           }
       }
   
       start();
   })();