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

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

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

当移动设备访问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调用即可

原创文章,作者:6024010,如若转载,请注明出处:https://blog.ytso.com/tech/courses/248856.html

(0)
上一篇 2022年4月22日 02:57
下一篇 2022年4月22日 02:59

相关推荐

发表回复

登录后才能评论