终极合体
根据以上的条件判断获得的变量如下，我们可以把它们合并成一个对象输出 。这样就可以输出一个清晰的浏览器运行环境，后面想干嘛就干嘛了，多方便 。
本文重点探究方案的可行性，没有过多考虑到代码的优化，所以条件判断使用得有些多，如果有什么方法能优化下代码，减少条件判断，可以在下方评论提个建议哟 。
- 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，喜欢分享前端技术和生活纪事，学习与生活不落下，每天进步一点点，与大家相伴成长
【详细判断浏览器运行环境】
推荐阅读
-
军人的肩章辽宁舰搭载36架舰载机太少，国产航母是如何达到48架的？，6万吨
-
-
回锅肉|不是今年《中国新说唱》强，而是“回锅肉”太多，整个水平被抬高
-
小鱼干游戏|“吃鸡”又出现1招炸队友不受惩罚，xxs乐坏了，请别手误打载具
-
招聘|花一样的工资招聘新员工，没过一会厂长后悔了，原因很现实！
-
-
-
还原历史背后真相@为何迫不及待要“解封”呢？，美国疫情如此严重
-
-
-
周星驰|星爷新作《美人鱼2》正式杀青，星爷达叔再次联手，观众强烈期待！
-
「猪脚大妈」美国向全球招募医护人员你会心动吗？，日工资超出了6000元人民币
-
「科技小畅聊」被看上就跑不掉了，可有你？，“爱情中最有手段”的四大星座
-
瘦肚子@吃什么能“瘦肚子、减小腹”最快？你最关心的答案来了
-
淘宝人生|你如何看待此事，淘宝人生游戏国庆期间为明星庆生
-
-
三十岁，对未来无所适从，谁能给点经历或者建议。鸡汤不需要?
-
大陆赛马网|安徽省马术运动协会将承办2020年全国马术耐力锦标赛
-
-
健身学堂|触目惊心，突然停止健身会怎样？小心这些变化
