移动端H5页面中加载的图片，在chrome和安卓手机中显示正常，在iphone和safari浏览器中个别图片显示问号的问题处理

最近开发了一个类似文章列表的页面，左边是图，右边是文字，配置在公众号中进行使用，测试通过以后线上运行发现个别项的图片在chrome和安卓手机下可以正常显示，在ios系统的sarafi下显示一个白方块中间一个蓝色的问号,如下图

排查的过程当然是先各种搜搜搜了，然后网上反馈的信息多种多样

1、查log，console下有如下信息，但是10张图10个提示都有，只有一张没显示，这不科学，我这只是warning，如果是error

请参考以下日志进行修改吧~我没用上这个信息，哈哈https://blog.csdn.net/Mr_YanYan/article/details/86679307

2、根据个例原理，开始觉得是图片不对劲，于是去请教了ios客户端的同学并搜集了一些资料，了解到ios下不支持webp类型的格式，webp类型：（WebP（发音：weppy）是一种同时提供了有损压缩与无损压缩（可逆压缩）的图片文件格式，派生自影像编码格式VP8，被认为是WebM多媒体格式的姊妹项目，是由Google在购买On2 Technologies后发展出来，以BSD授权条款发布）

可是经过检查，上传的那张图片后缀是jpeg啊。。。惆怅

3、那有没有可能是图片编码的问题呢

于是委托运营人员发过来上传后出问题的图片，在图片网站https://www.sojson.com/image/info.html中进行了查看，

竟然是一只披着羊皮的狼，它顶着jpeg的后缀，类型却是webp类型的图片

4、至此找到了问题的原因，我们这边让运营更换了相应类型的图片，有余力的小伙伴可以和后端合作自己做一下在线图片类型的转换

特此总结希望能够帮到有需要的人