关于移动端页面的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自动检测到移动端就会跳转到移动页面上，在手机上呈现出下面这样的式样：

发表评论:

验证码