如果你需要让你的网站首页判断浏览用户是PC端浏览还是手机浏览器浏览,我们只需要在页面的head中加入如下一段JAVA代码就能自动判断识别:
<!-- 手机端电脑端判断--> <script type="text/javascript"> var mobileAgent = new Array("iphone", "ipod", "ipad", "android", "mobile", "blackberry", "webos", "incognito", "webmate", "bada", "nokia", "lg", "ucweb", "skyfire"); var browser = navigator.userAgent.toLowerCase(); var isMobile = false; for (var i=0; i<mobileAgent.length; i++){ if (browser.indexOf(mobileAgent[i])!=-1){ isMobile = true; //alert(mobileAgent[i]); location.href = '你需要转到到移动端页面地址'; break; } } </script>
而就移动端页面,我目前所使用的笨办法就是:
为移动端专门设计排版一个页面,表格宽度设置到300PX,然后在每个移动端页面的head中加入META标签:
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
这样一来,别人访问我的网站,首页的JAVA自动检测到移动端就会跳转到移动页面上,在手机上呈现出下面这样的式样:
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。