获取用户浏览器版本及系统信息

紫微前端

于 2022-05-19 09:21:34 发布

阅读量439

点赞数

分类专栏：常用代码片段文章标签： safari 前端

本文链接：https://blog.csdn.net/liuhao9999/article/details/124856324

版权

常用代码片段专栏收录该内容

168 篇文章 ¥39.90 ¥99.00

订阅专栏

本文介绍了如何在前端开发中获取并识别用户所使用的浏览器版本和操作系统信息，特别关注了Safari浏览器的检测方法。

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

/**
 * @description 获取用户浏览器版本及系统信息
 * @param {string='zh-cn' | 'en'} lang 返回中文的信息还是英文的
 * @constructor
 */
export default function BrowserType(lang: 'zh-cn' | 'en' = 'en') {
  // 权重：系统 + 系统版本 > 平台 > 内核 + 载体 + 内核版本 + 载体版本 > 外壳 + 外壳版本
  const ua = navigator.userAgent.toLowerCase();
  const testUa = (regexp) => regexp.test(ua);
  const testVs = (regexp) =>
    ua
      .match(regexp)
      ?.toString()
      .replace(/[^0-9|_.]/g, '')
      .replace(/_/g, '.');
  // 系统
  const system =
    new Map([
      [testUa(/windows|win32|win64|wow32|wow64/g), 'windows'], // windows系统
      [testUa(/macintosh|macintel

了解本专栏