如何屏蔽随机 id 的 div 元素？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3489 天前的主题，其中的信息可能已经有所发展或是发生改变。

该 div 出现位置也是随机（ body 内），<div id="*** id 也是随机，这样的元素怎么屏蔽或隐藏

div

屏蔽

随机

body

26 条回复 2018-08-01 12:21:31 +08:00

Troevil

2016-05-31 17:19:10 +08:00

既然随机那就么办法确定了 , 只能另寻他法
思路一 : class 以及其他可确定的属性
思路二 : 看他怎么随机的 ,如果是 js 那就试试 js 去解决,如果后端返回那就没办法了

gamexg

2016-05-31 17:21:11 +08:00

发样本啊。

leafof

2016-05-31 17:24:32 +08:00

@gamexg 应该是 uBlock 插件屏蔽了他家的广告，然后就出现这个，强迫症啊！

gamexg

2016-05-31 17:29:24 +08:00

同样使用 uBlock ，无法复现...

Sivan

2016-05-31 17:30:20 +08:00

'section.wrapper ~ div'

leafof

2016-05-31 17:32:28 +08:00

@gamexg 是 uBlock Origin ，默认安装该插件后就不显示 cB 的广告，然后顶部红色提示

imn1

2016-05-31 17:35:18 +08:00

完全随机的 id 没见过，一般都有前缀或后缀， css selector: id^＝ xxx ，记忆中前缀是这个

ChefIsAwesome

2016-05-31 17:35:42 +08:00

`$('[style="display:block !important;position:fixed;top:0;margin-bottom:10px;width:100%;background:#c44;color:#fff;font-size:15px;z-index:99999"]')`

人家也要靠广告吃饭。嫌广告多或者嫌 adblock 提示恶心，那就不要上他们家网站了。搞这些斗争何必呢。

gamexg

2016-05-31 17:36:44 +08:00

cnbeta.com##div[style*="z-index:99999"]

gamexg

2016-05-31 17:37:09 +08:00

路由器广告过滤过滤掉了...

leafof

2016-05-31 17:38:32 +08:00

@imn1
BMksbFTyAf
kTfFhFkyEW
dSfByNkHEC
iwabCyDDWN
CfdjEYBErm

id 应该是完全随机

leafof

2016-05-31 17:42:27 +08:00

@ChefIsAwesome
@gamexg
已解决 TKs

honeycomb

2016-05-31 17:48:24 +08:00 via Android

@ChefIsAwesome cb 可以搞 anti adblock ，用户自然也可以反对它的反对嘛。

如果 cb 觉得用户不能这么做的话，那么它剩下的选择只有关站或者不提供 Web 服务。

learnshare

2016-05-31 18:00:33 +08:00

屏蔽脚本

7654

2016-05-31 18:07:08 +08:00

cnbeta.com##.cb_box.hd_main
cnbeta.com###job_box
cnbeta.com##.mask-layer
cnbeta.com##.mask-box
cnbeta.com##DIV[style="display:block !important;position:fixed;top:0;margin-bottom:10px;width:100%;background:#c44;color:#fff;font-size:15px;z-index:99999"]
cnbeta.com##.item.cooperation
cnbeta.com##.other_news
cnbeta.com##.mt5.sGYkkrybMP
cnbeta.com##IMG[src="http://static.cnbetacdn.com/article/2016/0509/240a9b9450e7f66.jpg"]
cnbeta.com##A[href="http://note.youdao.com/groupintro.html?keyfrom=cnbeta"]
cnbeta.com##A[href="https://www.upyun.com/zh/solution_video.html?md=cnlive"]

Pyromaniac

2016-05-31 18:22:25 +08:00

自从 cb 搞了这个, 就没上过了, 改看 IT 之家, 觉得内容都差不多.

ShavenCat

2016-05-31 18:24:51 +08:00

很多人都“免费”习惯了，连广告都屏蔽，有点不厚道。

不过我没用屏蔽广告的插件，偶尔也会有那提示，貌似只是随机不定时提醒。

pimin

2016-05-31 19:24:11 +08:00 via Android

自从它选择弹窗之后，我就把它从书签里移除了

orcusfox

2016-05-31 19:30:15 +08:00

百度推广的也是全都是随机 class 不知道怎么破

dphdjy

2016-05-31 19:55:57 +08:00 via Android

直接用 XPath 不过对 Google 这种连标签都随机的没办法

xspoco

2016-05-31 20:43:01 +08:00

https://greasyfork.org/zh-CN/scripts/18705-cnbeta%E8%BE%85%E5%8A%A9%E5%B7%A5%E5%85%B7

6xg5gogCtow2eC51

2016-06-01 13:07:23 +08:00

```
body>div[id^="mask"], body>div[id^="mask"]>.mask-layer, body>div[id^="mask"]>.mask-box, body>div[id^="mask"]> *, body>div:not(class)[style*="display:block !important;"]>*, body>div:not(class)[style*="display:block !important;"] {
opacity: 1 !important;
height: 0 !important;
margin-bottom: 0 !important;
margin-right: 0 !important;
padding: 0 !important;
width: 0!important;
position: absolute !important;
visibility: hidden !important;
z-index: -999 !important;
font-size: 0px !important;
}
```
因为用了 !important 所以直接 display:none; 是没有用的。但让它不出现在视野中的方法有很多。
有兴趣的话可以搜索：方角西贝这个样式屏蔽广告。

inmyfree

2016-06-01 13:15:47 +08:00

inoreader rss 全文订阅大法

leafof

2016-06-01 13:52:59 +08:00

高手真多，矛与盾较量正酣。

bumz

2016-06-08 20:26:43 +08:00

div[style="display:block !important;position:fixed;top:0;margin-bottom:10px;width:100%;background:#c44;color:#fff;font-size:15px;z-index:99999"] {
opacity: 0;
pointer-events: none;
}

qiuqiuer

2018-08-01 12:21:31 +08:00 via Android

用 cmd 做个批处理，刷他 2 万 pv，看他还放不