图片资源在IOS和浏览器显示但在Android上不显示的问题

1 篇文章 0 订阅
1 篇文章 0 订阅

整理了下可能出现这种情况的原因

1 标签属性

首先检查跨平台下标签是否兼容,img这个标签可能在安卓不适用,看下对应的文档,例如Weex上得用<image></image>

2 图片属性

iOS14+ 已经支持 Webp 格式,但依然有部分不支持的。也许有的图片表面上是png格式但是实际上还是webp的。如果在VsCode上,可以下载插件Hex Editor查看图片魔数(文件头部的一串特定字节,用于标识文件的类型),右键图片Open With,选择Hex Editor查看

像这样00000000行以89 50 4E 47 0D 0A 1A 0A开头的就是png格式

PNG89 50 4E 47 0D 0A 1A 0A
JPG/JPEGFF D8 FF E0(或FFD8FF
WEBP通常不直接通过固定的魔数来判断一个文件是否为webp格式

3 图片路径

这种情况可能性比较小,因为如果通过固定的路径字符串查找图片,一个平台不显示其他平台也不会显示。但是也可以试一下。例如在VUE中,在子组件中引用的图片的相对路径,改成以实际项目入口为标准的相对路径。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值