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

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

1 标签属性

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

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 0AJPG/JPEGFF D8 FF E0(或FFD8FFWEBP通常不直接通过固定的魔数来判断一个文件是否为webp格式

3 图片路径

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