部分浏览器网站图片不显示问题（图片命名和广告过滤）

最新推荐文章于 2021-08-11 17:25:31 发布
最新推荐文章于 2021-08-11 17:25:31 发布
阅读量666 收藏
点赞数 3
分类专栏： js技巧 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35168861/article/details/104916888
版权
本文揭示了部分浏览器如何误将包含'ad'命名的图片或元素视为广告进行过滤的现象。探讨了这一问题的原因，并建议在命名图片或元素时避免使用可能触发过滤机制的词汇。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

有的时候写网站，有的图片在部分浏览器下是不会显示的，被浏览器当成广告过滤掉了。
原因是什么呢？那就是有的浏览器可能会将以"ad"命名的文件、id或class当做广告过滤掉或屏蔽。
所以给图片或盒子命名的时候尽量不要用‘ad’,或者带有ad

JS实现可切换图片的幻灯切换效果示例
10-16
此外，为了增加交互性和趣味性，在用户手动切换图片时，鼠标悬停的切换按钮和当前显示的图片会同时发生变化，这通过同步更新计数器中的数字和图片列表来实现。 最后，上述代码中还存在一些OCR扫描可能造成的问题，...
浏览器商店应用，可以访问一些浏览器的应用商店
01-19
浏览器商店应用是互联网技术发展中的一个重要组成部分，它们主要提供了一个平台，让用户可以在各种浏览器上安装和管理各种扩展、插件和应用。这些工具通常能够增强浏览器的功能，提高用户的浏览体验，比如提供广告...
遨游等浏览器图片被当广告过滤问题
Smile、2011、
12-09 203
由于网站的flash被拦截,排查原因的时候 查看代码发现是将flash放在了有个名为“ad”的文件夹路径下, 研究了下遨游的过滤条件：（遨游默认过滤条件）   1、/guanggao/ ：路径不能包含“/guanggao/” 2、/softad/   ：路径不能包含“/softad/” 3、[^a-z0-9%_-]ad(?:[sv][^a-z\r=\?]+|banner|click...
浏览器 本地html 图片不显示图片,网页图片显示不出来几种常见的解决方案
weixin_33578569的博客
06-10 9399
我们平常在浏览一些网页的时候可能会发现一些网页图片显示不出来，当然出现这各情况的原因有很多，也可能是网站服务器中丢失了该图片，也可能是因为网络相对较慢无法加载图像等等。本篇文章将告诉大家网页图片显示不出来如何设置的解决方法。网页显示不出图片怎么办1、网络速度问题网页显示不出图片有可能是因为电脑的网速比较慢，电脑中开启的软件比较多，而我们访问的图片比较大，这就可能因为加载超时，导致图片显示不出来，我...
部分浏览器不显示图片的可能原因--图片命名与浏览器广告过滤
李可可的博客
08-24 1147
这几天在做一个小项目的时候遇到了这样的问题：   在index.html里面使用了一张图片如下(ad.png)： <div class="download"> <a id='softWareDownload' href="#"> <img src="images/ad.png" class="ad" /&am
被广告拦截插件坑了
weixin_30482181的博客
07-16 1350
　　废话不多说了就给出一点点失败的教训。供以后借鉴。 　　在商城的项目中。有推荐的商品数据，此数据是通过jsonp，请求http://ad.junph.com/ 类似这么个域名的返回的数据。由于我的谷歌浏览器装有一个广告过滤插件（尼玛不知道哪辈子装的了，当时也是为了看看去广告效果吧） 　　结果导致，请求报文始终报错，通过开发者工具观察得到的现象就是，该条请求报文标红显示，状态码status 竟...
电商网站图片切换滑块幻灯片实现技术
电子商务网站首页幻灯片是一种在电商网站上常见的功能，它能够通过动态的图像切换与展示吸引访客的注意力，并展示网站的热门产品或促销信息。采用jQuery实现的幻灯片不仅响应速度快，而且容易进行定制和优化，适应...
360浏览器怎么设置在标题栏显示网页标题.docx
09-26
不仅如此，360浏览器还融入了360自家的技术，提供了网页拦截、广告过滤、隐私保护以及网页加速等功能，大大增强了用户在使用过程中的便捷性和安全性。 在使用浏览器进行工作或学习时，打开多个网页标签页是常有的事...
多页面浏览器1.0：支持多页面浏览与广告屏蔽
开发者需要在浏览器中集成或嵌入特定的过滤规则，这些规则可能基于广告网站的域名、特定的网页元素或请求模式等。当用户的浏览器加载网页时，屏蔽功能会检查请求或内容是否与过滤规则匹配，若匹配则阻止该内容加载。...
移动端H5开发如何避免弹窗、轮播图等当做广告被拦截的问题
一键写代码的博客
04-29 1438
这几天弄移动端H5项目的广告，发现，在苹果UC浏览器、华为安卓浏览器的糟糕经历： 1、苹果UC浏览器，会把我的首页轮播图当做广告拦截了，闪现一下后变空白，图片看不到了。 2、华为默认安卓浏览器，会把我的广告弹窗当做广告屏蔽了，不让弹，也不让点开。 虽然，哪怕他们的确是广告，作为用户，是不希望看到广告的。但是 ， 我是开发，我们的产品是不能忍受的，测试提了bug给我，我需要解决。 解决办法： 1、情况1是因为我写了一个样式类名叫xxx-ad 根据这，uc浏览器认出了它是广告。 2、情况2，是因为后台渲染.
chrome浏览器部分图片无法加载
热门推荐
Hurpe
06-05 7万+
今天出现了一个很诡异的情况，就是很多图片都无法加载出来，如下图： 搜了一下，大部分都是说先清除缓存，然后不好使就是在设置里面把显示图片的功能关了——>百度经验 结果还是不好使，后来想到了应该是DNS的问题： 图片路径不正确，网站原因，和用户无关 DNS无法指向图片服务器，设置一个DNS即可 网速问题，网速过慢导致过图片无法加载完成，超时 只有这三种情况导致无法显示，与系统/浏...
iis服务器打开不显示图,用户会员中心 - 新闻/帮助
weixin_33599503的博客
08-11 403
如果你的网站常出现：1.图片经常显示 X 号，不显示图片或显示部份图片，刷新几次又好了。2.网站经常显示Service Unavailable，刷新几次又好了。这个是由于你的空间IIS用完引起，每一个空间都有分配不同的IIS(IIS分配多少？在官网每一产品都有标明).IIS分配数是指什么呢？可以这样理解，用户每打开一个IE就算一个IIS，如同时打开你网站的10个页面就占用10IIS，这个是理想状态...
浏览器拦截机制，导致图片无法显示
草巾冒小子的博客
08-11 5940
浏览器拦截导致图片无法显示？ 情况分类 案例1：360浏览器拦截以ads（广告） 为类名、文件名的图片或div等，结果不予显示。 【截图略】 案例2：谷歌浏览器拦截以DDOS（DDOS攻击）为文件名的图片，结果不予显示。 【截图如下】 解决办法： 修改类名 修改文件名 以上就是关于” 浏览器拦截导致图片无法显示 ” 的全部内容。 ...
win7下.net网站中图片无法正常显示
吴正清的专栏
01-02 2237
<br />2003下运行状态良好的网站程序，在win7下所有页面的图片、IIS、JS、CSS等全都失效了，仔细检查了一下IIS和.net环境的配置一切正常没有什么存在问题的地方，页面内所有失效的路径的链接也不存在问题，考虑了是不是浏览器的兼容问题，文件夹读取的问题....最后发现原来静态内容功能没有安装！<br /> 
浏览器过滤广告的问题
再见伍德
05-14 1404
最近在忙一个比较重要的项目，其中有一个图片上传系统，发现浏览器把有的图片给当做广告过滤掉了，于是便研究了下浏览器判定图片广告的规则，看看这些图片与其他有什么不同，总结如下： 浏览器通过图片的url地址而非alt来判定，根据/ 的后面最近字符，与/ 前面的无关 例如 浏览器会匹配 /ad1/ 而非 /1ad/ 其他匹配的字符有：（*表示任意字符，+表示0或多个） /a
打开网页时有些图片显示不出怎么办
hhxy_wlzx的博客
12-09 4万+
上网页时网页有些图片显示不出来怎么办 网页加载不出图片有很多种可能，以下会列举出其中两种解决办法。如果全部尝试之后仍无法解决，请继续百度新的方法。 1. 步骤一：打开多媒体显示图片功能。1.首先在浏览器右上角找到“菜单”，并在“菜单”里面找到“工具”——“Internet选项”，进入“Internet属性”设置页面，如图 ! 1 2. 待进入“Inte...
uc浏览器手机版,页面图片不显示
afutm26628的专栏
10-04 738
uc浏览器手机版，有时候上面的轮播广告看不到 原因：uc浏览器会拦截所有带ad的标签 例如： <div id="adDiv">　　<img src="/resources/common/images/b.jpg" alt="" border="0" /></div>整个div都会被拦截，都显示不了 解决办法：将属性名为adDiv 替换为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值