两款JS脚本判断手机浏览器类型跳转WAP手机网站

随着移动设备的普及，企业的网络宣传已经不再局限于传统的PC端，而是需要在移动端也展现出强大的影响力。针对企业网站而言，虽然手机用户可以通过访问WAP手机网站来获取服务，但用户体验往往不如专为移动设备设计的网站来得流畅和便捷。对于想要实现移动网站优化的企业来说，实现浏览器类型的判断并跳转到相应的WAP手机网站显得尤为重要。对此，老左在此分享两款自己常用的JS脚本。

第一种方法使用的是简洁直接的JS代码，核心思想在于判断当前用户访问的设备是否为移动设备类型，然后重定向到对应的WAP网站。代码如下：

第二种方法稍微复杂一些，定义了一个名为uaredirect的函数，该函数在调用时接收一个参数，即要跳转到的WAP网站的URL。该函数也会进行浏览器类型的判断以及URL哈希值的检查。代码如下：

function uaredirect(murl){ // 定义跳转函数

try {

if(document.getElementById("bdmark") != null){ // 如果页面中存在id为bdmark的元素则不执行跳转操作

return;

}

var urlhash = window.location.hash; // 获取URL中的哈希值

if (!urlhash.match("fromapp")) { // 如果哈希值不包含“fromapp”

if (navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)) { // 判断是否为移动设备浏览器并跳转至指定URL

location.replace(murl);

}

}

} catch(err){} // 异常处理为空操作，避免影响页面加载速度

}

将这两个脚本保存为mobile.js文件并在需要使用的页面进行引用调用即可。只需在页面的合适位置添加以下代码：

以及