js判断是否是移动设备登陆网页的简单方法


在JavaScript中,可以通过检查用户代理(User Agent)字符串来判断用户是否在移动设备上浏览网页。以下是一个简单的实现方法:


function isMobile() {
    // 常见的移动设备User-Agent字符串片段
    var mobileAgents = ["Android", "iPhone", "iPad", "iPod", "BlackBerry", "Windows Phone"];

    // 获取当前页面的User-Agent字符串
    var userAgent = navigator.userAgent || navigator.vendor || window.opera;

    // 遍历移动设备字符串片段,检查User-Agent中是否包含这些片段
    for (var i = 0; i < mobileAgents.length; i++) {
        if (userAgent.indexOf(mobileAgents[i]) > -1) {
            // 如果包含,则返回true,表示是移动设备
            return true;
        }
    }

    // 如果User-Agent中不包含任何移动设备字符串片段,则返回false
    return false;
}

// 使用示例
if (isMobile()) {
    console.log("当前是移动设备访问");
} else {
    console.log("当前不是移动设备访问");
}

这段代码首先定义了一个`isMobile`函数,该函数会遍历一个包含常见移动设备User-Agent字符串片段的数组。然后,它获取当前页面的User-Agent字符串,并检查该字符串中是否包含任何移动设备字符串片段。如果包含,则函数返回`true`,表示当前是移动设备访问;否则,返回`false`。最后,给出了一个使用示例,展示了如何调用这个函数并根据返回值输出相应的信息。