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

 更新时间:2015年10月16日 10:17:44   投稿:mrr  
本文通过两款js脚本判断手机浏览器类型跳转到wap手机网站,感兴趣的小伙伴快来学习吧

随着移动设备的普及,企业的网络宣传已经不能局限在PC端,而需要同时在移动端有所建树。对于公司网站来说,以前都是做的PC端的,当然手机等移动端也可以访问,但是用户体验肯定不如完全适合的手机端来的方便。我们在给自己的网站做了WAP手机网站之后,如果有用户通过手机访问我们的企业顶级域名网站,那就判断跳转到专为的WAP网站。
这里老左整理到目前自己在使用的2种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文件,然后在需要调用的页面引用下面2个JS调用文件。

<script src="mobile.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("http://www.laozuo.org(更换成自己的WAP网站)");</script>

经本人测试两款js脚本均可判断手机浏览器类型跳转WAP手机网站,需要的朋友直接拿过去用。

相关文章

  • 使用 JavaScript 创建并下载文件(模拟点击)

    使用 JavaScript 创建并下载文件(模拟点击)

    本文将介绍如何使用 JavaScript 创建文件,并自动/手动将文件下载,这在导出原始数据时会比较方便
    2019-10-10
  • JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例

    JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例

    这篇文章主要介绍了JavaScript代码判断输入的字符串是否含有特殊字符和表情,通过js代码if语句进行判断,并结合自己开发的情景,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。
    2017-08-08
  • 利用 spin.js 生成等待效果(js 等待效果)

    利用 spin.js 生成等待效果(js 等待效果)

    这篇文章主要介绍了利用 spin.js 生成等待效果(js 等待效果),需要的朋友可以参考下
    2017-06-06
  • Bootstrap 响应式实用工具实例详解

    Bootstrap 响应式实用工具实例详解

    Bootstrap 提供了一些辅助类,以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备,实现内容对设备的显示和隐藏。下面通过本文给大家分享Bootstrap 响应式实用工具,一起看看吧
    2017-03-03
  • JS实现字符串翻转的方法分析

    JS实现字符串翻转的方法分析

    这篇文章主要介绍了JS实现字符串翻转的方法,结合实例形式分析了javascript字符串使用reverse方法、字符串遍历方法以及针对输入字符串的遍历、逆序输出等方法实现字符串反转相关操作技巧,需要的朋友可以参考下
    2018-08-08
  • JS获取随机数和时间转换的简单实例

    JS获取随机数和时间转换的简单实例

    下面小编就为大家带来一篇JS获取随机数和时间转换的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • JS实现计算小于非负数n的素数的数量算法示例

    JS实现计算小于非负数n的素数的数量算法示例

    这篇文章主要介绍了JS实现计算小于非负数n的素数的数量算法,可实现针对一定范围内素数个数的统计功能,涉及javascript数值运算相关操作技巧,需要的朋友可以参考下
    2019-02-02
  • JavaScript在浏览器标题栏上显示当前日期和时间的方法

    JavaScript在浏览器标题栏上显示当前日期和时间的方法

    这篇文章主要介绍了JavaScript在浏览器标题栏上显示当前日期和时间的方法,实例分析了javascript操作时间及DOM节点实现定时触发的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-03-03
  • TypeScript面向对象超详细分析

    TypeScript面向对象超详细分析

    面向对象——想进行执行某个事件,就去找事件对应的对象,把事情落实到对象身上,在程序中一切皆是对象,对象包含属性和方法,面向对象三大特征:封装、继承、多态
    2022-10-10
  • 简单实现JS对dom操作封装

    简单实现JS对dom操作封装

    这篇文章主要介绍了简单实现JS对dom操作封装,需要的朋友可以参考下
    2015-12-12

最新评论