一、User-Agent

User-Agent首部包含一个特征字符串，用来让网络协议的对端来识别发起请求的用户代理软件的应用类型、操作系统、软件开发商以及版本号。

二、从User-Agent中获取浏览器类型

1、通过自己编写js代码识别UA字符串中的浏览器类型

function getBrowserName() {
  var userAgent = navigator.userAgent;

  if (userAgent.indexOf("Firefox") > -1) {
    return "Mozilla Firefox";
  } else if (userAgent.indexOf("Chrome") > -1) {
    return "Google Chrome";
  } else if (userAgent.indexOf("Safari") > -1) {
    return "Apple Safari";
  } else if (userAgent.indexOf("Opera") > -1 || userAgent.indexOf("OPR") > -1) {
    return "Opera";
  } else if (userAgent.indexOf("Edge") > -1) {
    return "Microsoft Edge";
  } else if (userAgent.indexOf("Trident") > -1) {
    return "Internet Explorer";
  } else {
    return "Unknown";
  }
}

// 示例用法
var browserName = getBrowserName();
console.log("浏览器类型: " + browserName);

2、通过第三方js库

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>获取浏览器类型</title>
</head>
<body>
  <button onclick="getBrowserType()">点击获取浏览器类型</button>
  <p id="browserType"></p>

  <script src="https://unpkg.com/bowser@2.7.0/es5.js"></script>
  <script>
    function getBrowserType() {
      var result = bowser.getParser(window.navigator.userAgent);
console.log(result);
document.write("You are using " + result.parsedResult.browser.name +
" v" + result.parsedResult.browser.version +
" on " + result.parsedResult.os.name);
    }
  </script>
</body>
</html>