js怎么获取详细的UA？

Question

原因：vue2 项目里获取UA一直使用的ua-device这个插件，但是vue3的项目初始化这个插件会报错，所以有没有类似的插件或者现成的函数可以用呢？

期望：期望返回的数据结构：

 {
     browser: {  //浏览器信息
         name: 'Chrome',
         version: {
             original: '19.0.1084.60',
         }
     },
     engine: {   //浏览器内核
         name: 'Webkit',
         version: {
             original: '534.46.0',
         }
     },
     os: {       //操作系统
         name: 'iOS',
         version: {
             original: '5.1.1',
         }
     }
 }

大佬们求教

Answer 1

报什么错？UA 获取无非是访问 navigator.userAgent 然后格式化，理论上跟 vue 没有任何关系才对。

Answer 2

直接对 navigator 进行查询分析即可,特别是 navigator.userAgent 子属性查询。至于格式化成你需要要样式，进行文本分拆即可。不过操作系统信息不一定能获取那么详细