林叶展弟弟

脚本识别设备并进行页面跳转
  有时候在设置某一网页的时候,发现页面在桌面端浏览挺正常,反而在移动端没有自适应,或者说想在不同设备之间启用不同...
扫描右侧二维码阅读全文
04
2017/11

脚本识别设备并进行页面跳转

  有时候在设置某一网页的时候,发现页面在桌面端浏览挺正常,反而在移动端没有自适应,或者说想在不同设备之间启用不同的页面,达到个性化的美化作用。

  简单的来说,就是通过脚本判断设备来决定访问的页面:
 ✔️如果是手机端访问,包括手机浏览器、手机app内置浏览器,则正常访问。
 ✔️如果是PC端,则自动跳转至其他页面。
  本人在设置导航页的时候就遇到这样的问题,于是经过请教和通过百度的结果,终于找到方法。

⚙️安装

 🔴方法一

   ⬛️在只能桌面能浏览的网页<head>后添加如下脚本:

<script>
if(!/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
        window.location.href="跳转地址";
}
</script>

 🔴方法二

   ⬛️在只能桌面能浏览的网页<head>后添加如下脚本:

<script language="javascript"> 
//平台、设备和操作系统(windows系统,苹果系统,Linux或者X11系统)
var system ={
win : false,
mac : false,
xll : false
};
//检测平台
var p = navigator.platform;
system.win = p.indexOf("Win") == 0; //如果是windows系统就显示true,否则false。
system.mac = p.indexOf("Mac") == 0;  //如果是Mac系统就显示true,否则false。
system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);  //如果是Linux或者X11系统就显示true,否则false。
//跳转语句,如果是windows系统,苹果系统,Linux或者X11系统就跳转到桌面端;如果是手机访问就自动跳转到移动端页面。
if(system.win||system.mac||system.xll){
window.location.href="桌面端地址";
}else{
window.location.href="移动端地址";
}
</script>
Last modification:May 23rd, 2018 at 12:13 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-103579003-1', 'auto'); ga('send', 'pageview');