解决IOS苹果手机微信网页http图片不显示

解决在ios网页里图片不显示的问题

解决IOS苹果手机微信网页http图片不显示

by img MicroAnswer Create at:May 8, 2020 5:25:03 PM 

Tags: http 图片不显示 https 位置

解决在ios网页里图片不显示的问题


以下讨论均是基于ios平台而言。

如果你的页面是 https 的,你在这个页面里面加载的图片是 http 的,并且你已经规范的避开了下面这些可能性:

  1. url没有中文了,该urlencode的也做了。
  2. 后缀png啥的也改成小写了。
  3. 域名也是备案可用的。

那么,你的图片是应该会显示的。但我全部处理了这些,依然不显示,经过详细排查,发现:

因为我在页面加载成功时,立即使用h5原生定位(geolocation)进行定位,在还没有开始从接口拖数据渲染图片前就开始定位了。一旦进行了定位,那么这个页面之后再想使用http加载图片就没显示了。你必须把http的图片搞成https的才可以显示。这似乎是一旦使用定位,就要求页面所有资源必须全是https的。没使用定位,http的资源还可以苟且。

所以我这里要解决也很简单,要么直接把图片全改成https的,要么后进行定位或者砍掉定位功能。

Full text complete, Reproduction please indicate the source. Help you? Not as good as one:
Comment
This post has been set as non-commentable by the author.