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()
}
document.writeln("语言版本: "+browser.language);
document.writeln(" 是否为移动终端: "+browser.versions.mobile);
document.writeln(" ios终端: "+browser.versions.ios);
document.writeln(" android终端: "+browser.versions.android);
document.writeln(" 是否为iPhone: "+browser.versions.iPhone);
document.writeln(" 是否iPad: "+browser.versions.iPad);
document.writeln(navigator.userAgent);
</script>