使用navigator.userAgent来判断浏览器类型

最新推荐文章于 2024-07-30 10:56:00 发布

转载最新推荐文章于 2024-07-30 10:56:00 发布 · 448 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/docin/blog/200658

文章标签：

#javascript #ViewUI

本文详细介绍了如何通过JavaScript获取浏览器版本号，并提供了一个区分不同浏览器（如IE、Chrome、Safari、Firefox、Opera）的实用函数。适用于前端开发者进行跨浏览器兼容性处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么80%的码农都做不了架构师？>>>

1、浏览器版本号函数：

var br=navigator.userAgent.toLowerCase();
var browserVer=(br.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, '0'])[1];

2、js浏览器判断函数

function userBrowser(){
    var browserName=navigator.userAgent.toLowerCase();
    if(/msie/i.test(browserName) && !/opera/.test(browserName)){
        alert("IE");
        return ;
    }else if(/firefox/i.test(browserName)){
        alert("Firefox");
        return ;
    }else if(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)){
        alert("Chrome");
        return ;
    }else if(/opera/i.test(browserName)){
        alert("Opera");
        return ;
    }else if(/webkit/i.test(browserName) &&!(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName))){
        alert("Safari");
        return ;
    }else{
        alert("unKnow");
    }
}

　　js 判断不同的浏览器的方法（ie, chrome ,safari,firefox,opera）

　　之前一直通过JQuery的$.browser.webkit 或 $.browser.firefox判断，虽然很方便，但是随着项目的深入，需要对各种浏览器都保持支持，于是单独写了一个辨别浏览器的方法，陈列如下以备参考：

　　var identifyBrowser=function(){

　　var cBrowser;

　　if (window.navigator.userAgent.indexOf("Safari")>=0 && navigator.userAgent.toLowerCase().indexOf("version") >= 0)

　　{

　　cBrowser = "safari";

　　} else if (window.navigator.userAgent.indexOf("Chrome")>=0) {

　　cBrowser = "chrome";

　　} else if (navigator.userAgent.toLowerCase().indexOf('msie')>=0) {

　　cBrowser = "ie";

　　} else if (navigator.userAgent.toLowerCase().indexOf('firefox')>=0) {