Login
芋圆社区 > 编程 > React > 获取用户操作系统和浏览器信息

获取用户操作系统和浏览器信息

701
0
2024-02-22
2024-02-23
Hey、小怪兽

  • • 一般情况下,直接在控制台输入 navigator.userAgent 就可以看到用户操作系统和浏览器信息
  • • 这样的信息有点难以解析,这里可以用一个JS库来解析这个信息-bowser
  • • 以 React 为例,先安装这个库:
  • npm install bowser
    
    yarn install bowser
  • • 官方的用法非常简单:
  • import Bowser from "bowser";
    
    const browser = Bowser.getParser(window.navigator.userAgent);
  • • 下面是我的用法,首先先在文件头部引入bowser:
  • import Bowser from "bowser";
  • • 定义一个变量,把东西赋值进去就行了,这个变量可以用来存到数据库里或者做其他操作:
  • // 用户的信息,浏览器,操作系统等
    let userAgent = {
      browser: "",
      os: "",
      platform: "",
      engine: "",
    };
    
    const bowser = Bowser.parse(window.navigator.userAgent);
    
    if (bowser) {
      userAgent = {
        browser: `${bowser.browser.name} ${bowser.browser.version}`,
        os: `${bowser.os.name} ${bowser.os.version}`,
        platform: bowser.platform.vendor,
        engine: bowser.engine.name,
      };
    }

上一篇:react-html-parser

下一篇:状态管理工具Redux和hook

Message Board
回复
回复内容不允许为空
留言字数要大于2,小于200!
提交成功,5s后刷新页面!
编程导航

react-device-detect

react-html-parser

获取用户操作系统和浏览器信息

状态管理工具Redux和hook

Copyright © 2020 芋圆社区

Powered by 浙ICP备2020039309号-1

此页面不支持夜间模式!

已进入夜间模式!

已进入普通模式!

搜索框不允许为空

签到成功!经验+5!芋圆币+2!

签到失败!今日已签到!

需要登录社区账号才可以进入!

复制成功
寄,页面未加载完成或页面无锚点