16
2020
05

关于移动端页面的HTML标记

 如果你需要让你的网站首页判断浏览用户是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自动检测到移动端就会跳转到移动页面上,在手机上呈现出下面这样的式样:

« 上一篇下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。