从User-Agent获取浏览器类型-Toy模板网

这篇具有很好参考价值的文章主要介绍了从User-Agent获取浏览器类型。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、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);

从User-Agent获取浏览器类型,javascript

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>

从User-Agent获取浏览器类型,javascript