开发环境:
本地:Wampserver2??Apache2.4.9+php5.5.12+mysql5.6.17
阿里云服务器:Apache+php5.5+mysql
=========================================================
网站开发相关:
使用开源框架:yershop(基于onethink二次开发,等同于onethink)
手机版:网上下载html5页面模板
辅助测试:将html5模板文件(纯模板页面,无框架)上传到sae,进行手机样式测试
=========================================================
我做的网站框架是基于Onethink的,因为要加入手机版的功能,所以百度到相关文档:根据入口文件判断客户端是电脑访问还是手机访问,从而进入电脑版或手机版页面。具体参考文章: http://my.oschina.net/deanzhao/blog/322563。一切部署正常,能够正常访问,遇到的问题是:
在电脑上浏览手机站,能够正常显示图片,在手机浏览器浏览img标签里的图片全部不显示!
==========================================================
以下是我做的测试:
1.判断是否是因为html5页面原因?
测试步骤:
(1)相应控制器添加test方法
(2)新建html4页面test.html
(3)上传改动部分到服务器
测试结果:
电脑出图,上传至服务器手机访问无图。排除此原因
2.判断是否是服务器不显示收集站图片?
测试步骤:
(1)改变控制器方法,使在电脑上访问默认为手机网站
(2)上传改动部分到阿里云服务器
测试结果:
正常显示图片。排除此原因
3.是否是图片标签使用ThinkPHP静态路径__IMG__的原因?
测试步骤:
(1)以test.html模板为基础,将图片src路径改为外链
(2)上传改动部分到服务器
测试结果:
电脑上正常出图,手机访问无图。(在模板文件使用相对链接在电脑上无法显示图片)
4.是否是ThinkPHP框架的原因?
测试步骤:
(1)在根目录新建test.html页面
(2)在同目录下放一张测试图片
(3)在页面中插入图片标签,src填写为测试图片地址(相对路径)
(4)上传到服务器
测试结果:
该页面电脑正常出图,手机访问无图。因为使用TP框架的原因,我认为这种测试方法不妥。
==========================================================
真是无奈,所有的img标签在手机上全部无效,但手机访问电脑版页面又正常出图。唯一出图的地方就是style里的back-image标签。
网站地址 ,希望大家能够帮忙用手机测试测试,反正没图不费流量。
另外我这有的人说是因为js的原因,说手机端可能又加载了一些js。仅作参考,希望懂thinkphp的大神帮忙提下意见,感激不尽!
我是使用uc浏览器和安卓自带浏览器测试的,一样的效果。现在左上角的图片是css里的background-image标签写的__IMG__/xx.jpg
既然你是电脑版、手机版分版处理的(其实应是模板不同)
那么首先就应考虑是否是路径问题,而在你的多个测试中,并没有体现这一点
如果你不能(不愿)在手机上查看网页源代码,那么可以强制电脑进入手机版进行测试
如果图片是经由 js 显示的,应考虑 js 的兼容性问题
再者就要考虑到图片是否过大,造成手机内存不足,无法显示
既然你是电脑版、手机版分版处理的(其实应是模板不同)
那么首先就应考虑是否是路径问题,而在你的多个测试中,并没有体现这一点
如果你不能(不愿)在手机上查看网页源代码,那么可以强制电脑进入手机版进行测试
如果图片是经由 js 显示的,应考虑 js 的兼容性问题
再者就要考虑到图片是否过大,造成手机内存不足,无法显示
既然你是电脑版、手机版分版处理的(其实应是模板不同)
那么首先就应考虑是否是路径问题,而在你的多个测试中,并没有体现这一点
如果你不能(不愿)在手机上查看网页源代码,那么可以强制电脑进入手机版进行测试
如果图片是经由 js 显示的,应考虑 js 的兼容性问题
再者就要考虑到图片是否过大,造成手机内存不足,无法显示
已经解决了?我测试安卓和苹果都能正常显示图片
已经解决了?我测试安卓和苹果都能正常显示图片
我终于找到原因啦!!!
我使用了百度云加速服务,在设置里有一个“图片快速加载”选项,只要开启,移动端的图片将会采用“延迟加载”技术,结果就是图片不会被加载出来。。。。亏得我还专门将所有程序移植到了新浪sae上,才明白是百度搞的鬼!(二级域名访问 就出图片,绑定域名就不行了)