如何在 HTML 页面中停止 adblock 并阻止图像答案

【问题标题】：How to stop adblock plus blocking images in HTML page如何在 HTML 页面中停止 adblock 并阻止图像
【发布时间】：2016-07-27 11:27:35
【问题描述】：

我正在构建一个包含一些图像的简单 HTML 页面，我的 FireFox 安装了 Adblock Plus（最近安装了），它会阻止这些图像。我查看了网上其他类似的页面，他们没有阻止图像，为什么它会阻止我的？

如果我的页面的访问者碰巧在 FireFox 中安装了 Adblock，我不希望他们看不到图像。

在 ab 块打开时允许显示图像的一些建议会很棒。我不想为自己的查看编写异常或任何内容我想设置我的页面，以便 Adblock 不会阻止图像。

【问题讨论】：

【解决方案1】：

Adblock 会屏蔽图片

检查您的图像文件名并重命名一些以查看其运行情况，尝试使用通用名称，如 'topwide.png 或类似名称以避免过滤器。

【讨论】：

+1 很好的答案。就我而言，这是因为我将图像放在“/banners/”目录中，该目录被阻止了。
感谢您的 +1 - 更完整的原始答案是检查整个 URI 中是否会触发 Adblock 的字符串。 '/banners/myimage_720_90.png' 之类的内容将为阻止程序提供两个匹配项。
除此之外，我的情况就是 CSS 选择器（例如 class="advert banner etc"）。
在我的情况下，问题是图像的名称。它包括“facebook”这个词
名为 cahier_echo_doigt_600x350.jpg 的图像被阻止。名为cahier_echo_doigt-600x350.jpg 的图片不是。

【解决方案2】：

我有一个非常相似的问题，我有一些横幅要在电子商务网站上显示，将它们放在一个名为横幅/大小的文件夹中。页面呈现后，横幅将在 Chrome 中消失。我认为某个地方的 JavaScript 出了点问题，我在 Firefox 中尝试过，一切正常。唯一不同的是，Firefox 中没有启用 AdBlock！

检查图像声明，它已将其附加到横幅文件夹中的每个图像：

style="display: none !important; visibility: hidden !important; opacity: 0 !important; background-position: 1px 1px; width="0" height="0"

我将横幅文件夹重命名为 img_bnr，已排序！

【讨论】：

几年前购买了一个 Drupal 模板，主题在 jQuery 文本和图像旋转插件的图像路径中包含“横幅”(/sites/default/files/banner/)。出于同样的原因，Opera 的新内置广告拦截器会阻止下载图片。

【解决方案3】：

我有类似的文件名问题：

adv_s_imagesName.png

对我来说，“adv”的意思是“高级”，但对于 adblock，它是“广告”！

文件重命名，不再阻塞。

【讨论】：

【解决方案4】：

此处相同 - 名称中带有“adtech”的图片（广告技术的缩写）。我花了很长时间才发现 adblocker 是因为文件名而被阻止的。 Adtech 是 AOL 的广告服务平台。要注意的可理解的关键字，令人沮丧地追随您多年，试图找出您的内容图像被阻止的原因。

【讨论】：