JS 判断当前浏览器是谷歌Google、火狐Firefox、Safari、Edge、Opera还是其他浏览器的方法

JS 判断当前浏览器是谷歌Google、火狐Firefox、Safari、Edge还是其他浏览器的方法，如下：

第一种：

function detectBrowser() {
    const userAgent = navigator.userAgent;
    if (userAgent.indexOf("Chrome")!== -1 && userAgent.indexOf("Safari") !== -1 && userAgent.indexOf("Edg") === -1) {
      return "Google Chrome"; // Chrome
    } else if (userAgent.indexOf("Firefox") !== -1) {
      return "Mozilla Firefox"; // Firefox
    } else if (userAgent.indexOf("Safari") !== -1 && userAgent.indexOf("Chrome") === -1 && userAgent.indexOf("Edge") === -1) {
      return "Apple Safari"; // Safari
    } else if (userAgent.indexOf("Edg") !== -1) {
      return "Microsoft Edge"; // Edge
    } else {
      return "Unknown browser"; // 其他浏览器...（可根据自己需要确定是否新增其他浏览器的判断）
    }
}

第二种：

let SystemFlag = {};
let uaFlag = navigator.userAgent.toLowerCase();
let uaFlagMatch;
(uaFlagMatch = uaFlag.match(/edg\/([\d.]+)/))
  ? (SystemFlag.edg = uaFlagMatch[1])
  : (uaFlagMatch = uaFlag.match(/firefox\/([\d.]+)/))
  ? (SystemFlag.firefox = uaFlagMatch[1])
  : (uaFlagMatch = uaFlag.match(/chrome\/([\d.]+)/))
  ? (SystemFlag.chrome = uaFlagMatch[1])
  : (uaFlagMatch = uaFlag.match(/opera.([\d.]+)/))
  ? (SystemFlag.opera = uaFlagMatch[1])
  : (uaFlagMatch = uaFlag.match(/version\/([\d.]+).*safari/))
  ? (SystemFlag.safari = uaFlagMatch[1])
  : 0;
// Edge
if (SystemFlag.edg) document.write("Edge: " + SystemFlag.edg);
// Firefox
if (SystemFlag.firefox) document.write("Firefox: " + SystemFlag.firefox);
// Chrome
if (SystemFlag.chrome) document.write("Chrome: " + SystemFlag.chrome);
// Opera
if (SystemFlag.opera) document.write("Opera: " + SystemFlag.opera);
// Safari
if (SystemFlag.safari) document.write("Safari: " + SystemFlag.safari);