本文分享两款用于判断手机浏览器类型并自动跳转至WAP手机网站的JavaScript脚本。第一种为直接嵌入页面的JS代码,第二种为引用外部mobile.js文件的方式。经测试,两款脚本均能有效识别iPhone、Android等移动设备,实现从PC端顶级域名到移动端网站的自动跳转,提升移动端用户体验。
JS判断手机浏览器跳转WAP网站脚本
伴随移动设备日益普及,企业网络宣传需拓展至移动端,以弥补仅支持PC端访问时用户体验的不足。在部署WAP手机网站后,当用户通过手机访问企业顶级域名时,系统应自动判断并跳转至专属的WAP站点。 此处分享老左目前使用的两种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="http://www.laozuo.org(更换成自己的WAP网站)";
}
}
}
catch(err)
{
}</script>
第二种方案:代码稍长,通过引用方式实现
function uaredirect(murl){
try {
if(document.getElementById("bdmark") != null){
return;
}
var urlhash = window.location.hash;
if (!urlhash.match("fromapp")){
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {
location.replace(murl);
}
}
} catch(err){}
}
将上述脚本保存为mobile.js文件,并在需调用的页面中引入以下两个JS调用文件。
<script src="mobile.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("http://www.laozuo.org(更换成自己的WAP网站)");</script>
经测试,两款JS脚本均能有效判断手机浏览器类型并跳转至WAP手机网站,用户可直接获取使用。