Page

[jb51]使用js函数判断实现手机端电脑端跳转访问网站

659脚本之家16-06-19


网上有很多关于js手机端跳转访问的代码,我这里给大家分享jb51的代码。

第一、当我们有pc端和手机端两个相同网站的时候,需要使用相应代码判断用户使用的终端设备,以此来跳转到相应的网站,如下是使用js代码来判断访问的终端设备系统

var os = (function() {
  var UserAgent = navigator.userAgent.toLowerCase();
  return {
    isIpad     : /ipad/.test(UserAgent),
    isIphone    : /iphone os/.test(UserAgent),
    isAndroid    : /android/.test(UserAgent),
    isWindowsCe   : /windows ce/.test(UserAgent),
    isWindowsMobile : /windows mobile/.test(UserAgent),
    isWin2K     : /windows nt 5.0/.test(UserAgent),
    isXP      : /windows nt 5.1/.test(UserAgent),
    isVista     : /windows nt 6.0/.test(UserAgent),
    isWin7     : /windows nt 6.1/.test(UserAgent),
    isWin8     : /windows nt 6.2/.test(UserAgent),
    isWin81     : /windows nt 6.3/.test(UserAgent),
    isWin10     :  /windows nt 10.0/.test(UserAgent)
  };
}());

if(os.isIpad||os.isIphone||os.isAndroid||os.isWindowsCe||os.isWindowsMobile){
    location.href="http://m.tp0.top";
}

第二、代码解释:使用navigator.userAgent属性方法获得当前用户的设备系统,并使用正则判断是否为相应的系统,返回true或者false,最后判断是否为手机端访问,是则跳转到http://m.tp0.top



同时也可以使用如下代码获得用户设备的浏览器

var bw = (function() {
  var UserAgent = navigator.userAgent.toLowerCase();
  return {
    isUc   : /ucweb/.test(UserAgent), // UC浏览器
    isChrome : /chrome/.test(UserAgent.substr(-33,6)), // Chrome浏览器
    isFirefox : /firefox/.test(UserAgent), // 火狐浏览器
    isOpera  : /opera/.test(UserAgent), // Opera浏览器
    isSafire : /safari/.test(UserAgent) && !/chrome/.test(UserAgent), // safire浏览器
    is360   : /360se/.test(UserAgent), // 360浏览器
    isBaidu  : /bidubrowser/.test(UserAgent), // 百度浏览器
    isSougou : /metasr/.test(UserAgent), // 搜狗浏览器
    isIE6   : /msie 6.0/.test(UserAgent), // IE6
    isIE7   : /msie 7.0/.test(UserAgent), // IE7
    isIE8   : /msie 8.0/.test(UserAgent), // IE8
    isIE9   : /msie 9.0/.test(UserAgent), // IE9
    isIE10  : /msie 10.0/.test(UserAgent), // IE10
    isIE11  : /msie 11.0/.test(UserAgent), // IE11
    isLB   : /lbbrowser/.test(UserAgent), // 猎豹浏览器
     isWX   : /micromessenger/.test(UserAgent), // 微信内置浏览器
    isQQ   : /qqbrowser/.test(UserAgent) // QQ浏览器
  };
}());

把这些js代码放到网页head头部里面即可


出自jb51.com