首頁 >後端開發 >php教程 >PHP开发手机3G页面,问题请教大虾

PHP开发手机3G页面,问题请教大虾

WBOY
WBOY原創
2016-06-23 14:20:461037瀏覽

本帖最后由 u010337219 于 2013-08-30 15:22:17 编辑

手机 php 异步 ajax 3g

1.网页实现自动适应个分辨率手机
2.网站能识别手机系统是安卓还是ios
3.网站能够上拉异步加载更多信息(js,ajax),我想问是如何显示无刷新页面不断加长的
各位大虾请教啊

回复讨论(解决方案)

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, //是否iPadwebApp: 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>


3)js瀑布流实现

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