尝试显示图像“已阻止：其他”时出现以下错误

Posted 2023-03-05

【中文标题】尝试显示图像“已阻止：其他”时出现以下错误

【英文标题】：Getting the following error while trying to display image "blocked:other"

【发布时间】：2019-02-18 07:19:41

【问题描述】：

Angular 6 ngBootstrap 网站

（阻止：其他）

better728x90.gif 存在于正确的文件夹中，不知道为什么我会遇到此错误以及确实存在的图像上的其他 404。

以下路径正确：

<a href="assets/images/banners/better728x90.gif">
    <img src="assets/images/banners/better728x90.gif"   class="fit"><br>
</a>

当我在 chrome 检查器中检查 img 元素时，我看到了这个：

img[src="assets/images/banners/better728x90.gif"] 
    display: none !important;

当我使用以下命令将所有图像强制为display:block 时，丢失的图像图标终于出现了。

:host 
  img 
    display: block !important;
  

---

assets/images/banners/better728x90.gif:1 GET http://localhost:4200/assets/images/banners/better728x90.gif net::ERR_BLOCKED_BY_CLIENT

【问题讨论】：

值得注意的是，adblocker 现在非常具有侵入性：例如它会阻止任何以_advertisement.jpg 结尾的图像，无论来源如何！

【参考方案1】：

请注意，AdBlocker 不仅可以根据图像文件的名称（例如：_advertisement.jpg、_ad.jpg、ad-1.jpg 等）阻止加载图像。我发现 AdBlocker 会根据以下任何一项来阻止图片：

包含图像文件的目录的名称（例如：/ad、/ad-1 等）。 与图像关联的 CSS 类的名称（例如：<img class="ad-img" ...）。

将这些元素重命名为不将它们与广告相关联的内容解决了该问题。

【参考方案2】：

啊！这是我的广告拦截器！

I am getting Failed to load resource: net::ERR_BLOCKED_BY_CLIENT with Google chrome

我在本地主机上暂停了它，现在图像正在显示。

【讨论】：

同上！我的经理向我询问了一个类似的问题，我们有一些 segment.io 呼叫被计时。

为什么会出现这种情况？图片附加信息是否被视为广告？从什么时候开始？欢迎任何进一步的细节