js监听当前设备是pc还是移动端，禁止pc访问跳转

最新推荐文章于 2024-05-30 15:47:51 发布

尤山海

最新推荐文章于 2024-05-30 15:47:51 发布

阅读量548

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/xxc_yc/article/details/130949470

版权

这段JavaScript代码用于检测用户设备类型，包括移动设备（如iOS、Android、iPhone、iPad）和web应用程序。如果检测到移动设备，执行移动端特定操作；否则，重定向至403错误页面，禁止PC访问。

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

代码如下.

    (function(){
        var browser={
            versions:function(){
                var u = navigator.userAgent, app = navigator.appVersion;
                return {
                    mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
                    ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                    android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
                    iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器
                    iPad: u.indexOf('iPad') > -1, //是否iPad
                    webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
                };
            }(),
            language:(navigator.browserLanguage || navigator.language).toLowerCase()
        }
        if (browser.versions.mobile || browser.versions.ios || browser.versions.android || browser.versions.iPhone || browser.versions.iPad) {
            //移动端具体操作
            //alert("phone");
        } else {
            //pc 端操作（可以禁止访问）
            //alert("pc");
            window.location.href = "http://url.to/403.html";
        }
    })();