js判断用户访问设备为mobile还是pc的方法和思考
2021-05-29 08:01
标签：不同的 iphone 用户输入 dex htm 登录 img tor isa 前言 最近做完公司官网，因为不是做的响应式，而是分别PC和mobile各写了一套，所以有这样一个需求： 识别用户访问设备，如果用户通过电脑访问，则跳转至PC官网；反之通过手机访问，则跳转至mobile官网。 那应该怎么实现呢？ 解决方法 查了很多方法，最终选择了下面这种 我自己稍微优化了一下代码 经测试，苹果安卓手机，电脑浏览器均能正常实现根据不同设备访问跳转官网，iPad暂时没测 一些思考 1. 和后端同事确认一下PC和mobile官网是各自用1个域名，还是共用1个域名分2个目录，不同的访问路径 不同域名：比如 www.aa.com / www.bb.com 相同域名：比如 www.aa.com/pc / www.aa.com/mobile 不同域名直接根据上面js代码跳转至对应域名即可，相同域名有一些注意事项。 ①：用户输入网站域名即可跳转至官网，而无需手动输入域名后的资源路径。所以域名肯定不能回带上路径。 所以需要做一些操作。下面是后端同事发布代码到服务器上的截图，而相同域名下不能直接这样， 需要在同级目录下额外增加一个index.html文件，这个文件也要加入上面的js判断代码 PC中index.html中js判断代码 mobile中index.html中js判断代码 js判断用户访问设备为mobile还是pc的方法和思考 标签：不同的 iphone 用户输入 dex htm 登录 img tor isa 原文地址：https://www.cnblogs.com/tu-0718/p/14744155.html //检测移动端还是PC端登录，分别跳转到对应移动和PC官网
(function() {
var sUserAgent = navigator.userAgent.toLowerCase(),
bIsIpad = sUserAgent.match(/ipad/i) == "ipad",
bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os",
bIsMidp = sUserAgent.match(/midp/i) == "midp",
bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4",
bIsUc = sUserAgent.match(/ucweb/i) == "ucweb",
bIsAndroid = sUserAgent.match(/android/i) == "android",
bIsCE = sUserAgent.match(/windows ce/i) == "windows ce",
bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
window.location.href = ‘./mobile/index.html‘;
} else {
window.location.href = ‘./PC/index.html‘;
}
})()
