首頁  >  文章  >  後端開發  >  高技术贴!thinkphp+手机开发经验进!

高技术贴!thinkphp+手机开发经验进!

WBOY
WBOY原創
2016-06-23 13:31:331097瀏覽

开发环境:
本地: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 的兼容性问题
再者就要考虑到图片是否过大,造成手机内存不足,无法显示


是使用了不同的模板??在Home下增加了Mobile,与View同级。
路径上,模板路径是正确的,毕竟TP路径出错会直接报错。(一开始我错过,但已经改对了)
在手机上查看源代码我试试,之前不知道怎样看。
强制电脑进入手机版?在本地测试一直都用电脑访问手机站。
未显示的图片全部是img标签中的图片。
图片尺寸上,小的7k,大的100k,都没出来。

既然你是电脑版、手机版分版处理的(其实应是模板不同)
那么首先就应考虑是否是路径问题,而在你的多个测试中,并没有体现这一点
如果你不能(不愿)在手机上查看网页源代码,那么可以强制电脑进入手机版进行测试
如果图片是经由 js 显示的,应考虑 js 的兼容性问题
再者就要考虑到图片是否过大,造成手机内存不足,无法显示


刚才进行测试,安卓的手机不显示图片,苹果的手机显示,求教!

已经解决了?我测试安卓和苹果都能正常显示图片

已经解决了?我测试安卓和苹果都能正常显示图片


真的吗?大哥用的什么手机,什么浏览器?难道我手机太破?一直都没显示出来呢。今天又弄了一天,结果现在网站快让我整个屁了

我终于找到原因啦!!!
我使用了百度云加速服务,在设置里有一个“图片快速加载”选项,只要开启,移动端的图片将会采用“延迟加载”技术,结果就是图片不会被加载出来。。。。亏得我还专门将所有程序移植到了新浪sae上,才明白是百度搞的鬼!(二级域名访问 就出图片,绑定域名就不行了)

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn