手机平板等移动端适配跳转URL的js代码



// 移动端适配跳转URL的JavaScript代码
// 假设我们想要检测用户是否是在移动端设备上浏览,并据此跳转到不同的URL

function mobileRedirect(mobileUrl, desktopUrl) {
    // 常用的正则表达式来检测是否为移动端浏览器
    var userAgent = navigator.userAgent || navigator.vendor || window.opera;
    
    // 简单的移动端设备判断逻辑
    var isMobile = /windows phone|iphone|ipad|ipod|android|blackberry|mini|windows ce|palm/i.test(userAgent.toLowerCase());

    if (isMobile) {
        // 如果是移动端,则跳转到指定的移动端URL
        window.location.href = mobileUrl;
    } else {
        // 否则,跳转到桌面版URL(如果提供了的话)
        // 注意:如果没有提供desktopUrl,这里就不做任何操作
        if (desktopUrl) {
            window.location.href = desktopUrl;
        }
    }
}

// 使用示例
mobileRedirect('https://m.example.com', 'https://www.example.com');

这段代码定义了一个`mobileRedirect`函数,该函数接受两个参数:`mobileUrl`(移动端URL)和`desktopUrl`(桌面版URL,可选)。函数内部首先通过检测用户代理(`userAgent`)字符串来判断用户是否在移动端设备上浏览。如果是,则跳转到`mobileUrl`指定的URL;如果不是(且提供了`desktopUrl`),则跳转到`desktopUrl`指定的URL。如果未提供`desktopUrl`且不在移动端,则不执行任何跳转。