如何才能像 AdBlock 那样用 js 或者 css 让被屏蔽的内容完全消失而不是先显示一下再消失？

V2EX = way to explore

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

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

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

我是用 Chrome 的 Control Freak 扩展程序自动注入 css 的。但是发现个问题，就是打开页面之后被屏蔽的内容会先显示一下，然后不到一秒之后才会消失。我是用 opacity:0; 这个 css 属性屏蔽内容的。因为用 AdBlock 屏蔽会导致被屏蔽的内容完全消失，然后就无法点击了。

屏蔽

CSS

AdBlock

消失

11 条回复 • 2017-09-23 17:25:09 +08:00

x7395759

2017-09-22 11:00:29 +08:00

AdBlock 也会先显示再屏蔽

shendaowu

2017-09-22 11:25:25 +08:00

@x7395759 你的 AdBlock 是所有地方都是先显示再屏蔽吗？还是部分？我用 AdBlock 的时候还没有发现先显示一下再屏蔽的情况。你的 AdBlock 是不是很长时间没更新了？或者因为我的很长时间没更新了？我的是 Chrome 上的 3.15.0 版本。

CYKun

2017-09-22 11:47:31 +08:00 via Android

我的 adblock 也是完全屏蔽的。不过 chrome 商店里有一堆 adblock，adblock plus，adblock ++之类的东西，也不知道哪个是哪个

Sapp

2017-09-22 15:47:08 +08:00

adguard 是完全屏蔽，根本没看到有广告，但是设置了会显示一部分广告。

wangxn

2017-09-22 16:03:31 +08:00 via Android

Chrome 本身的机制吧，只能先显示再隐藏。
Firefox 就可以完全隐藏。

Xrong

2017-09-22 16:21:04 +08:00

你们就给站长留条生存的后路吧。。。

honeycomb

2017-09-22 16:28:55 +08:00

@CYKun 这是一些知名的：

Adblock plus --->这个是继承十几年前 Firefox 上的 Adblock 祖宗的东西
Adblock --->这个是从一开始为 Chrome 开发的
Adguard
Ublock Origin 有人看

Adguard 与 Ublock Origin 的性能 /效率比前两者好

@Xrong
为什么不是站长关站呢？

MinonHeart

2017-09-22 17:14:58 +08:00

改变 CSS 注入的时机
https://developer.chrome.com/extensions/content_scripts
run_at: document_start

shendaowu

2017-09-22 18:40:25 +08:00

@MinonHeart 这个要怎样修改插件才能生效？我在 C:\Users\<用户名>\AppData\Local\Google\Chrome\User Data\Default\Extensions\jgnchehlaggacipokckdlbdemfeohdhc\2.3_0\manifest.json 里修改了，然后重启 Chrome。跟之前一样。直接修改这个文件不行吗？

dunn

2017-09-22 18:43:27 +08:00 via Android

@Xrong 这个逻辑好奇怪啊

Xrong

2017-09-23 17:25:09 +08:00

@dunn 没啥奇怪的，因为本身是个小站长，看到一堆的广告屏蔽工具，还有各大手机浏览器内置的屏蔽广告功能，导致生存困难。所以看到一些关于广告屏蔽相关的帖子会有点小感慨。（所以你看上去觉得是文不对题，感觉逻辑奇怪。）