zhongfly / blog

https://blogsue.vercel.app/#/
9 stars 3 forks source link

用ublock屏蔽B站的商品推荐动态 #15

Open zhongfly opened 10 months ago

zhongfly commented 10 months ago

之前一直靠Bilibili-Evolved的动态过滤来用关键词过滤,但是此类商品推荐的广告动态一般也没有通用的关键词,并不好屏蔽 image 根据网页分析,发现它们其实都有一个相同类型的html元素,属性data-type="goods"span元素: image 再想到广告屏蔽插件就支持使用css选择器来屏蔽元素,于是向广告屏蔽插件的自定义静态规则添加了2个规则来屏蔽此类广告:

t.bilibili.com##div.bili-dyn-list__item[data-type="2"]:has(span[data-type="goods"])
space.bilibili.com##div.bili-dyn-list__item[data-type="2"]:has(span[data-type="goods"])

image

注:bili-dyn-list__item[data-type="2"]即为图文动态,但测试发现没登录时,没有这个data-type属性,所以如果考虑通用,可以去掉[data-type="2"]