IOS微信浏览器打开网页图片乱码

tanxs001 2015-06-11 09:21:37
在IOS上用微信浏览器打开网页图片乱码,苹果自带的浏览器貌似可以的,重启苹果手机有时候就恢复正常了!android上是没问题的,请大神指教!

语言:PHP+HTML5+CSS
如下图:
...全文
2421 29 打赏 收藏 转发到动态 举报
写回复
用AI写文章
29 条回复
切换为时间正序
请发表友善的回复…
发表回复
qq_36057292 2016-09-05
  • 打赏
  • 举报
回复
问题解决了么?我现在也是遇到一样的问题
业余草 2015-11-10
  • 打赏
  • 举报
回复
引用 26 楼 o00ofly 的回复:
里面的五等奖本来应该是其他图片,而五等奖这图应该是隐藏了的,代码上没问题,只在iso上微信里有几率出现,在iso上用safari中打开却没问题
哥,你这不是乱码啊,我看了你的标题吓一跳,图片怎么能乱码呢??? 你这是兼容性问题,缓存,很可能是你的执行顺序有问题。 代码贴出来看看
o00ofly 2015-11-09
  • 打赏
  • 举报
回复
引用 25 楼 xmt1139057136 的回复:
[quote=引用 23 楼 xmt1139057136 的回复:] 图片怎么会乱码,截图出来看看!
图片怎么会乱码??? 提问题要说明确?说具体,说重点,说的通俗易懂![/quote] 有解决方式么
o00ofly 2015-11-09
  • 打赏
  • 举报
回复

里面的五等奖本来应该是其他图片,而五等奖这图应该是隐藏了的,代码上没问题,只在iso上微信里有几率出现,在iso上用safari中打开却没问题
业余草 2015-09-09
  • 打赏
  • 举报
回复
引用 23 楼 xmt1139057136 的回复:
图片怎么会乱码,截图出来看看!
图片怎么会乱码??? 提问题要说明确?说具体,说重点,说的通俗易懂!
Evan_sa 2015-09-08
  • 打赏
  • 举报
回复
朋友,我也遇到同样问题,把图片放资源服务器之后解决了。。。 希望大神给分析下为什么?
业余草 2015-07-21
  • 打赏
  • 举报
回复
图片怎么会乱码,截图出来看看!
tanxs001 2015-07-20
  • 打赏
  • 举报
回复
引用 21 楼 o00ofly 的回复:
朋友,这个问题解决了么? 我也遇到了这样的问题,纠结啊
到现在都没解决? 目前什么方案没?
o00ofly 2015-06-29
  • 打赏
  • 举报
回复
朋友,这个问题解决了么? 我也遇到了这样的问题,纠结啊
业余草 2015-06-29
  • 打赏
  • 举报
回复
微信上使用的是qq浏览器,请使用qq浏览器进行兼容性测试。
香蕉猪 2015-06-17
  • 打赏
  • 举报
回复
引用 17 楼 tanxs001 的回复:
我之前自己测试也是OK,是IOS用户的概率性问题,现在还有!
如果是在用户手机上测出的,,,那不好处理,,,需要叫他们清理微信缓存再试。。。因为微信的缓存问题很严重,有可能页面请求过一次之后,,,,走的全部都是缓存的错误页面。。。。 不然楼主就要想办法处理微信浏览器缓存了。。。 我们开发目前的测试都是手动清缓存的,,,这方面我估计帮不了你。。。
tanxs001 2015-06-16
  • 打赏
  • 举报
回复
引用 16 楼 yuyu1980 的回复:
能否给我一个html5动态场景的教程,类似你这个的。谢谢!yuyu_20@126.com
我上面没有什么动态场景了 就是一个页面,也没什么动画!
tanxs001 2015-06-16
  • 打赏
  • 举报
回复
引用 16 楼 yuyu1980 的回复:
能否给我一个html5动态场景的教程,类似你这个的。谢谢!yuyu_20@126.com
引用 15 楼 gy127132060 的回复:
[quote=引用 14 楼 tanxs001 的回复:] [quote=引用 12 楼 gy127132060 的回复:] [quote=引用 11 楼 tanxs001 的回复:] 会有一些加载的动作,比如图片动画等等,我这边尝试下,你是怀疑这块加载问题?
恩恩,,,上个月的时候我们开发遇到了一个类似的图片问题,,,就是加载导致的。[/quote] 已经改好了,但是还是有问题。目前吧你忙看看有什么规律,从现象看,是图片之前互相错了位置,类似于第一张图没加载成弄,后面的图依次补上了[/quote]楼主说的还有问题指的是什么呢???是原来报有问题的用户说还有问题,还是楼主自己测发现还有问题,,,现在我这边看,,,全部都很正常了。。。。[/quote] 我之前自己测试也是OK,是IOS用户的概率性问题,现在还有!
yuyu1980 2015-06-15
  • 打赏
  • 举报
回复
能否给我一个html5动态场景的教程,类似你这个的。谢谢!yuyu_20@126.com
香蕉猪 2015-06-15
  • 打赏
  • 举报
回复
引用 14 楼 tanxs001 的回复:
[quote=引用 12 楼 gy127132060 的回复:] [quote=引用 11 楼 tanxs001 的回复:] 会有一些加载的动作,比如图片动画等等,我这边尝试下,你是怀疑这块加载问题?
恩恩,,,上个月的时候我们开发遇到了一个类似的图片问题,,,就是加载导致的。[/quote] 已经改好了,但是还是有问题。目前吧你忙看看有什么规律,从现象看,是图片之前互相错了位置,类似于第一张图没加载成弄,后面的图依次补上了[/quote]楼主说的还有问题指的是什么呢???是原来报有问题的用户说还有问题,还是楼主自己测发现还有问题,,,现在我这边看,,,全部都很正常了。。。。
tanxs001 2015-06-14
  • 打赏
  • 举报
回复
引用 12 楼 gy127132060 的回复:
[quote=引用 11 楼 tanxs001 的回复:] 会有一些加载的动作,比如图片动画等等,我这边尝试下,你是怀疑这块加载问题?
恩恩,,,上个月的时候我们开发遇到了一个类似的图片问题,,,就是加载导致的。[/quote] 已经改好了,但是还是有问题。目前吧你忙看看有什么规律,从现象看,是图片之前互相错了位置,类似于第一张图没加载成弄,后面的图依次补上了
tanxs001 2015-06-13
  • 打赏
  • 举报
回复
引用 12 楼 gy127132060 的回复:
[quote=引用 11 楼 tanxs001 的回复:] 会有一些加载的动作,比如图片动画等等,我这边尝试下,你是怀疑这块加载问题?
恩恩,,,上个月的时候我们开发遇到了一个类似的图片问题,,,就是加载导致的。[/quote] 你好,有参考code吗? 网上找了一些,要么效果不好,要么有bug,感谢!
tanxs001 2015-06-12
  • 打赏
  • 举报
回复
引用 4 楼 gy127132060 的回复:
[quote=引用 3 楼 tanxs001 的回复:] 按照你说的缓存问题,我能不能加上下面的代码去除缓冲: <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" /> 这样是否能解决了?
关于缓存去除问题,,,我不确定这样是否能解决。。。我们的代码中也有这些语句,但实际用在微信上的效果并不乐观。。。。[/quote] 我觉得你说的缓存问题对我这个问题感觉有一定的作用,虽然说不一定,几个表现,1, IOS外部浏览器是OK的,说明跟微信相关 2,重启苹果手机也基本上OK,重启的话,微信浏览器缓存也没了,重新读取 以上两点只能说尝试下,但为什么有缓存就会出现上述的现象,还是想不明白,就跟贴的图一样,经常出现图片乱序的问题,有些图片被无故放大,错位!
tanxs001 2015-06-12
  • 打赏
  • 举报
回复
引用 7 楼 gy127132060 的回复:
[quote=引用 6 楼 tanxs001 的回复:] 可以微信访问地址:m.wqingtie.com/view?id=3, 我自己测试也是OK的,就是用户使用的时候偶尔就报上来,重启下可能就好了,但是严重影响用户的体验,代码的话 因为一个页面比较多,不知道贴那块 合适!
看了你发来的地址,发现原图并不是很大,采用了定位,,怀疑是因为页面动态效果太多影响到了。。。 不知道楼主的代码中,有没有操作了这个页面中的img的相关代码??贴一下。[/quote] 你刚才也看到了,动态效果只有空中飘浮的心的代码! <img src="<?= surl('xin.png') ?>" class="pa piao1" style="top: -20px;left: 10%;z-index: 99999;width: 15px;"> <img src="<?= surl('xin.png') ?>" class="pa piao4" style="top: -50px;left: 20%;z-index: 99999;width: 15px;"> <img src="<?= surl('xin.png') ?>" class="pa piao5" style="top: -30px;left: 30%;z-index: 99999;width: 15px;"> <img src="<?= surl('xin.png') ?>" class="pa piao1" style="top: -20px;left: 40%;z-index: 99999;width: 15px;"> <img src="<?= surl('xin.png') ?>" class="pa piao3" style="top: -50px;left: 50%;z-index: 99999;width: 15px;"> <img src="<?= surl('xin.png') ?>" class="pa piao1" style="top: -30px;left: 60%;z-index: 99999;width: 15px;"> <img src="<?= surl('xin.png') ?>" class="pa piao3" style="top: -40px;left: 70%;z-index: 99999;width: 15px;"> <img src="<?= surl('xin.png') ?>" class="pa piao2" style="top: -30px;left: 80%;z-index: 99999;width: 15px;"> <img src="<?= surl('xin.png') ?>" class="pa piao4" style="top: -40px;left: 90%;z-index: 99999;width: 15px;"> <img src="<?= surl('xin.png') ?>" class="pa piao5" style="top: -60px;left: 25%;z-index: 99999;width: 15px;">
香蕉猪 2015-06-12
  • 打赏
  • 举报
回复
引用 6 楼 tanxs001 的回复:
可以微信访问地址:m.wqingtie.com/view?id=3, 我自己测试也是OK的,就是用户使用的时候偶尔就报上来,重启下可能就好了,但是严重影响用户的体验,代码的话 因为一个页面比较多,不知道贴那块 合适!
看了你发来的地址,发现原图并不是很大,采用了定位,,怀疑是因为页面动态效果太多影响到了。。。 不知道楼主的代码中,有没有操作了这个页面中的img的相关代码??贴一下。
加载更多回复(9)

39,083

社区成员

发帖
与我相关
我的任务
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
  • HTML5社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧