JS判断手机浏览器,并跳转到手机端网页

 

在js代码中插入以下代码片段

    <script type="text/javascript">
        try {
            var urlhash = window.location.hash;
            if (!urlhash.match("fromapp")) {
                if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)) {
                    window.location = "手机端地址";
                    //例如:www.123.com 电脑端 → www.123.com/m/移动端,跳转地址填"/m/"或http://www.123.com/m/
                }
            }
        }
        catch (err) {
        }
    </script>

 

 最好放在HTML的头部,否则会将电脑端的HTML执行一遍再跳转,以避免不必要的资源浪费



  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在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、付费专栏及课程。

余额充值