1. 全栈程序员必看首页

解决手机UC浏览器图片不显示问题

全栈程序员-站长 • • 未分类 • 阅读 2

解决手机UC浏览器图片不显示问题今天做手机项目中 一个轮播图片 在其他手机浏览器没问题 但是到了 UC 浏览器就有问题了 经过站长逐步排查 发现 UC 浏览器自带了广告过滤 在 UC 浏览器设置里面将广告过滤关闭即可 但是这不是唯一解决方案 后来我发现 uc 手机浏览器会过滤包含 ad 字符的图片路径 禁止其显示 所以给图片命名或存放图片路径时尽量不要含有 ad 字符 如 ad img 所以站长代码原来是这样的

今天做手机项目中，一个轮播图片，在其他手机浏览器没问题，但是到了UC浏览器就有问题了，经过站长逐步排查，发现UC浏览器自带了广告过滤，

在UC浏览器设置里面将广告过滤关闭即可，但是这不是唯一解决方案。

后来我发现，uc手机浏览器会过滤包含ad字符的图片路径，禁止其显示，所以给图片命名或存放图片路径时 尽量不要含有ad字符。如ad_img

所以站长代码原来是这样的：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<
section 
class
=
"ads" 
style
=
"top: -860px;"
>
    
<
div 
class
=
"ad_1" 
style
=
"height: 430px; background-size: 320px 430px;"
>
    
<
img 
src
=
"/Public/mobile/images/member_login/ad1.jpg" 
style
=
"width: 320px; height: 430px;"
>
    

div >

    
<
div 
class
=
"ad_2" 
style
=
"height: 430px; background-size: 320px 430px;"
>
    
<
img 
src
=
"/Public/mobile/images/member_login/ad2.jpg" 
style
=
"width: 320px; height: 430px;"
>
    

div >        

    
<
div 
class
=
"ad_3" 
style
=
"height: 430px; background-size: 320px 430px;"
>
    
<
img 
src
=
"/Public/mobile/images/member_login/ad3.jpg" 
style
=
"width: 320px; height: 430px;"
>
    

div >

    
<
div 
class
=
"ad_4" 
style
=
"height: 430px; background-size: 320px 430px;"
>
    
<
img 
src
=
"/Public/mobile/images/member_login/ad4.jpg" 
style
=
"width: 320px; height: 430px;"
>
    

div >

    
<
div 
class
=
"ad_5" 
style
=
"height: 430px; background-size: 320px 430px;"
>
    
<
img 
src
=
"/Public/mobile/images/member_login/ad5.jpg" 
style
=
"width: 320px; height: 430px;"
>
    

div >  

          

section >

后来修改这样就显示了：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<
section 
class
=
"ads" 
style
=
"top: -860px;"
>
    
<
div 
class
=
"img_1" 
style
=
"height: 430px; background-size: 320px 430px;"
>
    
<
img 
src
=
"/Public/mobile/images/member_login/img1.jpg" 
style
=
"width: 320px; height: 430px;"
>
    

div >

    
<
div 
class
=
"img_1" 
style
=
"height: 430px; background-size: 320px 430px;"
>
    
<
img 
src
=
"/Public/mobile/images/member_login/img2.jpg" 
style
=
"width: 320px; height: 430px;"
>
    

div >        

    
<
div 
class
=
"img_1" 
style
=
"height: 430px; background-size: 320px 430px;"
>
    
<
img 
src
=
"/Public/mobile/images/member_login/img3.jpg" 
style
=
"width: 320px; height: 430px;"
>
    

div >

    
<
div 
class
=
"img_1" 
style
=
"height: 430px; background-size: 320px 430px;"
>
    
<
img 
src
=
"/Public/mobile/images/member_login/img4.jpg" 
style
=
"width: 320px; height: 430px;"
>
    

div >

    
<
div 
class
=
"img_1" 
style
=
"height: 430px; background-size: 320px 430px;"
>
    
<
img 
src
=
"/Public/mobile/images/member_login/img5.jpg" 
style
=
"width: 320px; height: 430px;"
>
    

div >  

          

section >



版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/203200.html原文链接：https://javaforall.net

赞 (0)
0 0

关于作者

全栈程序员-站长的头像

全栈程序员-站长

133.5K 文章
3 粉丝
本网站汇聚当前互联网主流语音，持续更新，欢迎关注公众号“全栈程序员社区”
上一篇 2026年3月19日 下午10:21
下一篇 2026年3月19日 下午10:21


相关推荐

  • dfs是什么意思_bmob分页查询

    dfs是什么意思_bmob分页查询

    dfs是什么意思_bmob分页查询给定 n 个正整数，将它们分组，使得每组中任意两个数互质。至少要分成多少个组？输入格式第一行是一个正整数 n。第二行是 n 个不大于10000的正整数。输出格式一个正整数，即最少需要的组数。数据范围1≤n≤10输入样例：614 20 33 117 143 175输出样例：3#include<bits/stdc++.h>using namespace std;const int N = 1e2 + 10;int a[N],g[N][N];int n;int

    全栈程序员-站长的头像 全栈程序员-站长
    2022年8月8日
    4
  • python做物联网(物联网技术应用)

    python做物联网(物联网技术应用)

    开篇Python作为一门快速发展的解释性编程语言，数以百万计的开发者已经将Python应用在人工智能、游戏开发、数据挖掘、信息安全、系统运维等行业并取得了成功。现如今，一大批国内外头部IoT解决方商正在尝试将Python引入物联网/智能硬件开发行业，部分支持python语言的物联网开发板和模组也陆续面试。例如阿里云智能推出的HaaS开发板，树莓派推出的RaspberryPiPico开发板等。那么，物联网设备会是Python的下一…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年4月12日
    102
  • @param注解的用法解析_getmapping注解用法

    @param注解的用法解析_getmapping注解用法

    @param注解的用法解析_getmapping注解用法1、概述首先明确这个注解是为SQL语句中参数赋值而服务的。@Param的作用就是给参数命名，比如在mapper里面某方法A（intid），当添加注解后A（@Param(“userId”)intid），也就是说外部想要取出传入的id值，只需要取它的参数名userId就可以了。将参数值传如SQL语句中，通过#{userId}进行取值给SQL的参数赋值。2、实例：实例一：@Param注解基本类型的参数mapper中的方法：publicUse…

    全栈程序员-站长的头像 全栈程序员-站长
    2025年8月24日
    4
  • linux aria2配置(linux下安装windows)

    linux aria2配置(linux下安装windows)

    系统要求CentOS7+/Debian6+/Ubuntu14.04+推荐Debian7x64，这个是我一直使用的系统，我的脚本在这个系统上面出错率最低。注意：本脚本只是安装Aria2后端，安装后默认会启动，但是还需要前端面板配合使用，如Aria2WebUI或AriaNG，教程看这里：https://doub.bid/all-one/#BT、磁力链接下载相关教程注意…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年4月14日
    92
  • HTML Meta中添加X-UA-Compatible和IE=Edge，chrome=1有什么作用

    HTML Meta中添加X-UA-Compatible和IE=Edge，chrome=1有什么作用

    HTML Meta中添加X-UA-Compatible和IE=Edge，chrome=1有什么作用

    全栈程序员-站长的头像 全栈程序员-站长
    2021年11月6日
    51
  • Scalable_scared用法

    Scalable_scared用法

    Scalable_scared用法qualifier：type(定义了类型)可选值：host,net,port,portrange例如：hosthostnameAnet172.31           //相当于172.31.0.0/16,又例如：192.168.1相当于192.168.1.0/24port80portrange6000-6010 

    全栈程序员-站长的头像 全栈程序员-站长
    2025年7月26日
    5

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号