js如何判断不同系统的浏览器类型

要判断不同系统的浏览器类型，可以使用JavaScript中的navigator对象。navigator对象提供了访问浏览器相关信息的接口，可以用来获取浏览器的名称、版本号、运行平台等信息。

下面是判断浏览器类型的基本步骤：

1. 获取浏览器的代理字符串

JavaScript中的navigator对象上有一个userAgent属性，它是一个字符串，保存了浏览器提供的代理信息。可以使用该属性来获取浏览器的代理字符串。

var ua = navigator.userAgent;

1. 解析浏览器的代理字符串

浏览器的代理字符串是一个较为复杂的字符串，需要进行解析才能获得具体的信息。解析代理字符串可以使用正则表达式或者已有的JavaScript库，比如jquery.browser插件等。

下面是一个通过正则表达式解析浏览器代理字符串的示例：

var ua = navigator.userAgent;
var browserName = null;
var browserVersion = null;
var systemName = null;

// 判断浏览器类型
if (/Firefox\/(\S+)/.test(ua)) {
    // Firefox浏览器
    browserName = "Firefox";
    browserVersion = RegExp.$1;
} else if (/MSIE (\d+\.\d+);/.test(ua)) {
    // IE浏览器
    browserName = "Internet Explorer";
    browserVersion = RegExp.$1;
} else if (/Chrome\/(\S+)/.test(ua)) {
    // Chrome浏览器
    browserName = "Chrome";
    browserVersion = RegExp.$1;
} else if (/Version\/(\S+).*Safari/.test(ua)) {
    // Safari浏览器
    browserName = "Safari";
    browserVersion = RegExp.$1;
}

// 判断操作系统类型
if (ua.indexOf("Windows NT 10.0") != -1) {
    // Windows 10
    systemName = "Windows 10";
} else if (ua.indexOf("Windows NT 6.3") != -1) {
    // Windows 8.1
    systemName = "Windows 8.1";
} else if (ua.indexOf("Windows NT 6.2") != -1) {
    // Windows 8
    systemName = "Windows 8";
} else if (ua.indexOf("Windows NT 6.1") != -1) {
    // Windows 7
    systemName = "Windows 7";
} else if (ua.indexOf("Windows NT 6.0") != -1) {
    // Windows Vista
    systemName = "Windows Vista";
} else if (ua.indexOf("Windows NT 5.1") != -1) {
    // Windows XP
    systemName = "Windows XP";
} else if (ua.indexOf("Windows NT 5.0") != -1) {
    // Windows 2000
    systemName = "Windows 2000";
} else if (/Macintosh/.test(ua)) {
    // Mac OS X
    systemName = "Mac OS X";
} else if (/Linux/.test(ua)) {
    // Linux
    systemName = "Linux";
}

以上代码根据浏览器的用户代理字符串来判断浏览器的类型（Firefox、IE、Chrome、Safari等），以及操作系统的类型（Windows、Mac OS X、Linux等）。

如果你采用了jQuery库，可以很方便地使用$.browser来获取浏览器信息，它是一个JavaScript对象，包括了浏览器的名称和版本等信息。

var browser = $.browser;
var browserName = browser.name;
var browserVersion = browser.version;
var systemName = navigator.platform;

该方法不再推荐使用，因为从jQuery 1.9版本开始，该方法已经被废弃，且不再支持更新。

注意事项：

• 不同浏览器对于User Agent的解析可能存在不同的差异，不同版本的浏览器对代理字符串的格式可能不同，可能会导致无法正确识别浏览器类型。
• 在进行用户代理字符串解析时，要注意升级浏览器版本后代理字符串的相应变化，以确保代码的正确性。

总结：

1. 获取浏览器的用户代理字符串，即navigator.userAgent。
2. 使用正则表达式或JavaScript库解析浏览器类型和操作系统类型信息。

参考链接：
- MDN | Window.navigator
- Mozilla | How to detect the visitors browser with JavaScript