如何利用代码实现手机访问自动跳转移动适应网页

如何利用代码实现手机访问自动跳转移动适应网页插图 

很多时候电脑访问很好看的页面,如果放到手机上访问,体验就会很差,所以为了适应移动设备访问的体验,往往需要针对移动设置做一个网页。

当移动设备访问PC端页面时,利用js代码语句判断识别,自动跳转到相应的页面。
<script language="javascript"> 
//平台、设备和操作系统  
var system ={  
win : false,  
mac : false,  
xll : false  
};  
//检测平台  
var p = navigator.platform;  
system.win = p.indexOf("Win") == 0;  
system.mac = p.indexOf("Mac") == 0;  
system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);  
if(system.win||system.mac||system.xll){  
}else{  
window.location.href="http://www.ssjfpx.com/3g-mxjf";  
}  
//此处网址可手动修改为想跳转到的网址
</script>

将此段代码拷贝到head之间

也可以将其作为js文件,然后head调用即可
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
个人中心
购物车
优惠劵
搜索