用Javascript判断访问来源操作系统, 设备, 浏览器类型

已于 2022-12-08 15:54:50 修改
阅读量767 收藏 3
点赞数
分类专栏： JAVA 文章标签： ipad iphone ios
于 2022-12-06 16:38:05 首次发布
原文链接：https://www.cnblogs.com/milton/p/5117367.html
版权 
 var browser = {
    os : function() {
      var u = navigator.userAgent;
      return {// 操作系统
        linux: !!u.match(/\(X11;( U;)? Linux/i), // Linux
        windows: !!u.match(/Windows/i), // Windows
        android: !!u.match(/Android/i), // Android
        iOS: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), // iOS
      };
    }(),
    device : function() {
      var u = navigator.userAgent;
      return {// 设备
        mobile: !!u.match(/AppleWebKit/i), // mobile
        iPhone: !!u.match(/iPhone/i), // iPhone
        iPad: !!u.match(/iPad/i), // iPad
      };
    }(),
    supplier : function() {
      var u = navigator.userAgent;
      return {// 浏览器类型
        qq: !!u.match(/QQ\/\d+/i), // QQ
        wechat: !!u.match(/MicroMessenger/i), // WeChat
      };
    }(),
    language: (navigator.browserLanguage || navigator.language).toLowerCase()
  };

  if (!browser.supplier.wechat) {
    alert("not in wechat");
  }
  if (!browser.supplier.qq) {
    alert("not in qq");
  }
<script type="text/javascript">
var browser={    
versions:function(){            
var u = navigator.userAgent, app = navigator.appVersion;            
return {                
trident: u.indexOf('Trident') > -1, //IE内核                
presto: u.indexOf('Presto') > -1, //opera内核                
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核                
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核                
mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), //是否为移动终端                
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端                
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器                
iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器                
iPad: u.indexOf('iPad') > -1, //是否iPad                
webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部            
};
}()
} 

document.writeln(" 是否为移动终端: "+browser.versions.mobile);
document.writeln(" ios终端: "+browser.versions.ios);
document.writeln(" android终端: "+browser.versions.android);
document.writeln(" 是否为iPhone: "+browser.versions.iPhone);
document.writeln(" 是否iPad: "+browser.versions.iPad);
document.writeln(navigator.userAgent); 
</script>
function detectOS() { 
 var result="";
        debugger
        var sUserAgent = navigator.userAgent;

        var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows");
        var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel");
        var isUnix = (navigator.platform == "X11") && !isWin && !isMac;
        var isLinux = (String(navigator.platform).indexOf("Linux") > -1);
        var bIsAndroid = sUserAgent.toLowerCase().match(/android/i) == "android";
        if (isMac) {
            result= "Mac";
        }
        else if (isUnix) {
            result= "Unix";
        }
        else if (isLinux) {
                result= "Linux";
        }
        else if(bIsAndroid) {
            result= "Android";
        }
       else if (isWin) {
            var isWin2K = sUserAgent.indexOf("Windows NT 5.0") > -1 || sUserAgent.indexOf("Windows 2000") > -1;
            var isWinXP = sUserAgent.indexOf("Windows NT 5.1") > -1 || sUserAgent.indexOf("Windows XP") > -1;
            var isWin2003 = sUserAgent.indexOf("Windows NT 5.2") > -1 || sUserAgent.indexOf("Windows 2003") > -1;
            var isWinVista= sUserAgent.indexOf("Windows NT 6.0") > -1 || sUserAgent.indexOf("Windows Vista") > -1;
            var isWin7 = sUserAgent.indexOf("Windows NT 6.1") > -1 || sUserAgent.indexOf("Windows 7") > -1;
            var isWin10 = sUserAgent.indexOf("Windows NT 10.0") > -1 || sUserAgent.indexOf("Windows 10") > -1;
            if (isWin2K) {
                result= "Win2000";
            }
            else if (isWinXP) {
                result= "WinXP";
            }
            else if (isWin2003){
                result= "Win2003";
            }
            else if (isWinVista) {
                result= "WinVista";
            }
            else if (isWin7){
                result= "Win7";
            } else if (isWin10){
                result= "Win10";
            }else{
                result= "Windows";
            }
        }else {
            result= "other";
        }
        alert(result);
        return result;
} 
//遨游浏览器
    function checkMaxthon() {
        var result = false;
        var list = [];
        for (var key in navigator.plugins) {
            // 遨游浏览器只有五个一致的plugins
            if (!!navigator.plugins[key].filename) {
                list.push(navigator.plugins[key].filename);
            }
        }
        if(list.length == 5){
            result = true;
        }else {
            result = false;
        }
        return result;
    }
    //360浏览器（极速内核）
     function check360() {
        // var result = false;
        // for (var key in navigator.plugins) {
        //     // np-mswmp.dll只在360浏览器下存在
        //     if (navigator.plugins[key].filename == 'internal-nacl-plugin') {
        //         return !result;
        //     }
        // }
        // return result;

         var mime_types = navigator.mimeTypes;
         for (var i = 0; i < mime_types.length; i++) {
             console.log(mime_types[i].type);
             if (mime_types[i].type.indexOf('360')>0)      return true;
         }
         return false;
    }

    //遨游浏览器
     function checkMaxthon() {
        var result = false;
        var list = [];
        for (var key in navigator.plugins) {
            // 遨游浏览器只有五个一致的plugins
            if (!!navigator.plugins[key].filename) {
                list.push(navigator.plugins[key].filename);
            }
        }
        if(list.length == 5){
            result = true;
        }else {
            result = false;
        }
        return result;
    }

    //获取当前的浏览器
     function getBrowser() {
        // 获取浏览器 userAgent
        var ua = navigator.userAgent;
        // 是否为 Opera
        var isOpera = ua.indexOf('opr') > -1
        // 返回结果
        if (isOpera) { return 'Opera' }

        // 是否为 IE
        var isIE = (ua.indexOf('compatible') > -1) && (ua.indexOf('MSIE') > -1) && !isOpera
        var isIE11 = (ua.indexOf('Trident') > -1) && (ua.indexOf("rv:11.0") > -1)
        // 返回结果
        if (isIE11) { return 'IE11'
        } else if (isIE) {
            // 检测是否匹配
            var re = new RegExp('MSIE (\\d+\\.\\d+);')
            re.test(ua)
            // 获取版本
            var ver = parseFloat(RegExp["$1"])
            // 返回结果
            if (ver == 7) { return 'IE7'
            } else if (ver == 8) { return 'IE8'
            } else if (ver == 9) { return 'IE9'
            } else if (ver == 10) { return 'IE10'
            } else { return "IE" }
        }

        //console.log(ua);
        // 是否为 Edge
        var isEdge = ua.indexOf("Edg") > -1
        // 返回结果
        if (isEdge) { return 'Edge' }

        // 是否为 Firefox
        var isFirefox = ua.indexOf("Firefox") > -1
        // 返回结果
        if (isFirefox) { return 'Firefox' }

        // 是否为 Safari
        var isSafari = (ua.indexOf("Safari") > -1) && (ua.indexOf("Chrome") == -1)
        // 返回结果
        if (isSafari) { return "Safari" }
 
        // 是否为 Chrome
        var isChrome = (ua.indexOf("Chrome") > -1) && (ua.indexOf("Safari") > -1) && (ua.indexOf("Edge") == -1) && (ua.indexOf("QQBrowser") == -1) && (ua.indexOf("2345Explorer") == -1) && (check360() == false) && (checkMaxthon() == false)
        // 返回结果
        if (isChrome) { return '谷歌浏览器' }

        // 是否为 QQ
        var isQQ = ua.indexOf("QQBrowser") > -1
        // 返回结果
        if (isQQ) { return 'QQ浏览器' }

        // 是否为傲游浏览器
        var isMaxthon = checkMaxthon()
        // 返回结果
        if (isMaxthon) { return '傲游浏览器' }

        // 是否为搜狗浏览器
        var isMaxthon = ua.indexOf("se 2.x") > -1
        // 返回结果
        if (isMaxthon) { return '搜狗浏览器' }

        // 是否为2345浏览器
        var is2345Explorer = uaua.indexOf("2345Explorer") > -1;
        // 返回结果
        if(is2345Explorer){
            return '2345浏览器';
        }

        var is360 = check360() && (ua.indexOf("Safari") > -1)
        if(is360){return '360浏览器'}

        // 都不是
        return '其他'
    }

浏览器名称

console.log(navigator.appCodeName);
次版本信息

console.log(navigator.appMinorVersion);
完整的浏览器名称

console.log(navigator.appName);
浏览器版本

console.log(navigator.appVersion);
浏览器编译版本

console.log(navigator.buildID);
是否启用cookie

console.log(navigator.cookieEnabled);
客户端计算机CPU类型

console.log(navigator.cpuClass);
浏览器是否启用java

console.log(navigator.javaEnabled());
浏览器主语言

console.log(navigator.language);
浏览器中注册的MIME类型数组

console.log(navigator.mimeTypes);
是否连接到网络

console.log(navigator.onLine);
客户端计算机操作系统或者CPU

console.log(navigator.oscpu);
浏览器所在的系统平台

console.log(navigator.platform);
浏览器中插件信息数组

console.log(navigator.plugins);
产品名称

console.log(navigator.product);
产品的次要信息

console.log(navigator.productSub);
操作系统的语言

console.log(navigator.systemLanguage);
浏览器的用户代理字符串

console.log(navigator. userAgent);
操作系统默认语言

console.log(navigator.userLanguage);
用户个人信息对象

console.log(navigator.userProfile);
浏览器品牌

console.log(navigator.vendor);
浏览器供应商次要信息

console.log(navigator.vendorSub);
 

xyzko1
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js获取判断操作系统
t_332741160的专栏
04-22 789
function detectOS() {     var sUserAgent = navigator.userAgent;     var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows");     var isMac = (navigator.platform == "Mac68K"
javascript判断设备及操作系统
qq_41200374的博客
03-23 325
【代码】javascript判断设备及操作系统。
【JS】获取当前浏览器版本和电脑系统版本
最新发布
qq_45677671的博客
05-16 260
JS 获取当前浏览器版本和电脑系统版本信息
js判断电脑是windows系统还是mac系统(干货满满哦)
热门推荐
jingtian678的博客
01-12 1万+
            //判断系统类型             function OSnow(){               var agent = navigator.userAgent.toLowerCase();               var isMac = /macintosh|mac os x/i.test(navigator.userAgent);              ...
vue判断浏览器运行在什么操作系统上
xuelong的博客
08-15 771
项目中需要判断当前是什么操作系统，并且需要判断Windows 的版本。
js判断操作系统与浏览器
weixin_34362991的博客
01-07 141
摘要： 　　对于前端开发我们最重要的工作就是兼容性，系统的兼容性，浏览器的兼容性等等。今天分享一个我在项目中封装的判断操作系统与浏览器的方法。 操作系统： var os = (function() { var UserAgent = navigator.userAgent.toLowerCase(); return { isIpad ...
JS判断操作系统与浏览器
01-09
摘要： 　　对于前端开发我们重要的工作是兼容性，系统的兼容性，浏览器的兼容性等等。分享一个我在项目中封装的判断操作系统与浏览器的方法。 　　操作系统： var os = (function() { var UserAgent = navigator.userAgent.toLowerCase(); return { isIpad          : /ipad/.test(UserAgent)， isIphone        : /iphone os/.test(UserAgent)， isAndroid       : /android/.test(UserAgent)，
JavaScript脚本判断蜘蛛来源的方法
10-23
在SEO（搜索引擎优化）领域，开发者有时需要判断访问者是否为搜索引擎的爬虫（也称蜘蛛），以便采取不同的处理策略。本文将详细解释如何使用JavaScript脚本来判断蜘蛛的来源。 首先，我们需要理解`document....
判断当前网络类型 网络类型判断器 v1.01
11-09
在IT领域，网络类型的判断是网络编程中...总的来说，网络类型判断是一个涉及网络协议、操作系统接口和应用程序交互的复杂过程，而"网络类型判断器 v1.01"这样的工具简化了这一过程，为用户提供了一种直观且便捷的方式。
网页打开设备判断
10-11
标题“网页打开设备判断”和描述中提到的功能，主要是指通过JavaScript或者服务器端的技术来检测用户是通过iOS设备、Android设备还是微信内置浏览器（微信端）来访问网站。以下将详细介绍实现这一功能的关键知识点。...
判断请求来源是PC还是移动端.rar_PCO电脑端
09-23
这段字符串中，“Windows NT 10.0”表明用户使用的是Windows 10操作系统，而“Chrome”和“Safari”则表明用户可能在PC上使用Chrome或Safari浏览器。 对于移动设备，"User-Agent"可能会有所不同。例如，使用iPhone...
js获取电脑系统名称
08-12
用法引入此js,然后定义一个对象进行数据接收var os = {};setOsData(os);然后os.name就可以了
CarSimulator使用JavaScript实现基于模糊控制遗传算法和粒子群优化的模拟车
08-12
在本项目"CarSimulator"中，开发者利用JavaScript这一强大且灵活的脚本语言，构建了一个复杂的模拟车辆系统。这个系统结合了模糊控制、遗传算法和粒子群优化等高级技术，为用户提供了一种动态且真实的驾驶体验。接...
H5案例分享：使用JS判断客户端、浏览器、操作系统类型
_Smileヾ淡莣╮的博客
09-04 6196
一、JS判断客户端类型   JS判断客户端是否是iOS或者Android手机移动端   通过判断浏览器的userAgent，用正则来判断手机是否是ios和Android客户端。 核心代码如下： 方法一： var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u
JS判断访问设备、客户端操作系统类型
sinat_24496253的博客
11-30 3469
先给出一个实例：判断windows、linux、android 判断操作系统 function detectOS() {  var sUserAgent = navigator.userAgent;  var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows");  v
js 判断操作系统类型， win7,win10，麒麟都测试过
tang_jian_dong的博客
12-04 2066
<html> <head> <title>判断操作系统</title> <script type="text/javascript"> function detectOS() { var sUserAgent = navigator.userAgent; var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows"); var isMac = (n.
js判断当前操作系统
weixin_34288121的博客
01-05 319
functionvalidataOS(){ if(navigator.userAgent.indexOf(“Window”)>0){ return”Windows”; }elseif(navigator.userAgent.indexOf(“MacOSX”)>0){ return”Mac”; }elseif(navigator.userAg...
如何使用JavaScript访问浏览器的定位信息
06-10
要使用JavaScript访问浏览器的定位信息，可以使用浏览器提供的Geolocation API。以下是一些基本的示例代码： ```js // 检查浏览器是否支持Geolocation API if (navigator.geolocation) { // 请求定位信息 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值