终极合体
根据以上的条件判断获得的变量如下，我们可以把它们合并成一个对象输出 。这样就可以输出一个清晰的浏览器运行环境，后面想干嘛就干嘛了，多方便 。
本文重点探究方案的可行性，没有过多考虑到代码的优化，所以条件判断使用得有些多，如果有什么方法能优化下代码，减少条件判断，可以在下方评论提个建议哟 。
- system：系统
- systemVs：系统版本
- platform：平台
- engine：内核
- engineVs：内核版本
- supporter：载体
- supporterVs：载体版本
- shell：外壳
- shellVs：外壳版本
function BrowserType() { const ua = navigator.userAgent.toLowerCase(); const testUa = regexp => regexp.test(ua); const testVs = regexp => ua.match(regexp).toString().replace(/[^0-9|_.]/g, "").replace(/_/g, "."); // 接上以上if...else条件判断 // ...... // 获取到system、systemVs、platform、engine、engineVs、supporter、supporterVs、shell、shellVs return Object.assign({ engine, // webkit gecko presto trident engineVs, platform, // desktop mobile supporter, // chrome safari firefox opera iexplore edge supporterVs, system, // windows macos linux android ios systemVs }, shell === "none" ? {} : { shell, // wechat qq uc 360 2345 sougou liebao maxthon shellVs });}在控制台执行BrowserType()，该有的都出来了，哈哈！源码详情请戳这里，喜欢的可以点个赞支持下，谢谢 。
文章插图
结语写到最后总结得差不多了，后续如果我想起还有哪些判断浏览器运行环境终极方案遗漏的，会继续在这篇文章上补全，同时也希望各位朋友对文章里的要点进行补充或者提出自己的见解 。欢迎在下方进行评论或补充喔，喜欢的点个赞或收个藏，保证你在开发时用得上 。
关注公众号Uzero，更多前端小干货等着你喔！我是JowayYoung，喜欢分享前端技术和生活纪事，学习与生活不落下，每天进步一点点，与大家相伴成长
【详细判断浏览器运行环境】
推荐阅读
-
李敏镐|李敏镐新剧杀青！和孔孝真拍亲密合照，女神婚后幸福肥他更帅了
-
时尚时光机|蒋依依打扮真有“学生样”，卡通T恤配帅气工装，尽显少女活力感
-
林慧|SING林慧单曲《月下慕思心上人》 唯美声线演绎刻骨相思
-
佐藤健|一剧爆红日本国民男友，连男神佐藤健都输给他
-
【瓦妮莎晒与大女儿写真】瓦妮莎晒与大女儿写真 为了自己的女儿努力的活着
-
财务自由和财富自由有什么区别,什么是财富,什么是财务自由-
-
【汽车大咖】Y，专为国人开发，北极星纯电动SUV姗姗而来，对标特斯拉Model
-
懂个科技局@SE也将重磅来袭？，iPhone SE2之后，华为nova7
-
-
-
红旗完成年销量20万辆目标 连续3年增幅超100%
-
|离谱！今年 10 双「富婆快乐鞋」均价破万！OW x AJ4 竟排倒数第一
-
-
育儿秘籍官方|变相给自己攒福气，二胎年龄差多少岁最合适？如果是此类组合方式
-
王者荣耀如何撤回解除关系申请，王者荣耀该咋地才能解除恋人关系
-
-
豆丁妈妈育儿记▲孩子的负面情绪越严重，还变本加厉？，为啥你越教育
-
WWD国际时尚特讯|“漂流瓶”再次靠岸，LV东京站上Virgil想要表达什么？
-
-
iOS14|iOS14正式版发布，但我劝你这次别升级
