日期:2014-05-17  浏览次数:20497 次

PHP开发手机3G页面,问题请教大虾
本帖最后由 u010337219 于 2013-08-30 15:22:17 编辑
1.网页实现自动适应个分辨率手机
2.网站能识别手机系统是安卓还是ios
3.网站能够上拉异步加载更多信息(js,ajax),我想问是如何显示无刷新页面不断加长的

各位大虾请教啊
手机 php 异步 ajax 3g

------解决方案--------------------
1)<meta name="viewport" content="width=device-width, initial-scale=1" />
不使用绝对宽度,相对大小的字体,流动布局,选择加载CSS,图片的自适应。
2)

<script type="text/javascript">

/*

* 智能机浏览器版本信息:

*

*/

var browser={

versions:function(){ 

var u = navigator.userAgent, app = navigator.appVersion; 

return {//移动终端浏览器版本信息 

trident: u.indexOf('Trident') > -1, //IE内核

presto: u.indexOf('Presto') > -1, //opera内核

webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核

gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核

mobile: !!u.match(/AppleWebKit.*Mobile.*/)
------解决方案--------------------
!!u.match(/AppleWebKit/), //是否为移动终端

ios: !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端

android: u.indexOf('Android') > -1 
------解决方案--------------------
 u.indexOf('Linux') > -1, //android终端或者uc浏览器

iPhone: u.indexOf('iPhone') > -1 
------解决方案--------------------
 u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器

iPad: u.indexOf('iPad') > -1, //是否iPad

webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部

};

}(),

language:(navigator.browserLanguage 
------解决方案--------------------
 navigator.language).toLowerCase()