jquery 判断是手机端还是电脑端

本文介绍了如何使用JavaScript的navigator.userAgent来检测用户访问设备是手机(如iPhone、iPad、Android等)还是PC,通过正则表达式匹配实现页面定向。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

判断为手机端:

var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
        // 手机端         
 } else {
        // pc端
  }
<script type="text/javascript">
// 判断为移动端
    var sUserAgent = navigator.userAgent.toLowerCase();
    if (/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent)) {
        //移动端    
        window.location = "m/index.html";
    }
</script>

这两个都可以用,希望对大家有帮助!

在javascript中,可以使用一些方法来判断用户是在手机端还是电脑端,并根据不同的设备类型进行跳转。 一种常见的方法是使用`navigator.userAgent`属性来获取用户的浏览器信息。用户的浏览器信息通常包括设备类型、操作系统信息和浏览器类型等。通过判断这些信息,可以确定用户是在手机端还是电脑端。 下面是一个简单的实现例子: ``` // 获取浏览器用户代理信息 var userAgent = navigator.userAgent; // 判断用户代理信息中是否包含Android、iPhone或iPad等关键词 var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent); // 根据设备类型进行跳转 if (isMobile) { // 手机端跳转逻辑 window.location.href = 'mobile.html'; } else { // 电脑端跳转逻辑 window.location.href = 'desktop.html'; } ``` 上述例子中,首先通过`navigator.userAgent`获取用户代理信息,然后使用正则表达式`/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent)`判断用户代理信息中是否包含某些关键词,如果包含则表示用户是在手机端,否则则表示用户是在电脑端。根据判断结果,可以使用`window.location.href`将用户跳转到不同的页面。 当然,这只是一个简单的判断方法,无法保证100%准确,因为用户代理信息可以被篡改。如果需要更精确的判断,可以使用各种第三方库或框架,如jQuery Mobile、Bootstrap等,或者使用媒体查询CSS来适配不同设备。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值