终极合体
根据以上的条件判断获得的变量如下，我们可以把它们合并成一个对象输出 。这样就可以输出一个清晰的浏览器运行环境，后面想干嘛就干嘛了，多方便 。
本文重点探究方案的可行性，没有过多考虑到代码的优化，所以条件判断使用得有些多，如果有什么方法能优化下代码，减少条件判断，可以在下方评论提个建议哟 。
- 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，喜欢分享前端技术和生活纪事，学习与生活不落下，每天进步一点点，与大家相伴成长
【详细判断浏览器运行环境】
推荐阅读
-
-
@在五月出门巧遇贵人，求财一顺百顺，迎幸福生活，没有烦恼的属相！
-
考试|《她们的名字》：不仅有职场较量，还有婆媳关系，故事刻画的过于真实
-
思思星座谈|旧情尚存，心有执念，前任回归，深情依旧的四大星座，在未来一周
-
【北京国安】国安未来的重点关注对象，实力几乎没有短板，完全能堪以重用
-
三口之家年收入20万左右在中国算是一个啥样的水平 ?
-
雷科技 手机真的需要这种创新吗？，屏幕可以90度旋转
-
猪猪甘|梁爽被小三，怒扇渣男霸道划豪车分手，宿舍里每个失恋女孩的缩影
-
「手机之家」高规格大底 Sensor+ 专业算法 Find X2 Pro 影像到底有多强？
-
-
『新闻热点』 县委书记变身“店小二” 网上卖百合引百万网友“围观”，
-
川藏线@川藏线上滚轮胎那么累，为啥有人愿意做？半个月就能买大G
-
张殿成军情观察|不料被导弹击落 尼泊尔拒绝释放飞行员，印军战机突然发动空袭
-
-
电竞大指南|打个游戏还能赢金条？这可是真金白银！人手一个金元宝！
-
54岁彭羚现身林海峰演唱会，打扮素朴皱纹明显，状态真实优雅老去
-
停车楼|378个车位！颜值爆表！东莞中心城区这个停车楼本周动工！
-
[男爵说]对比《大赢家》和《率性而活》，我认为大鹏更中国！，看中韩电影
-
ACG次元饭@生意肯定不会差，ACG最靓Coser第2期：有这样的女仆当服务生
-
![[男爵说]对比《大赢家》和《率性而活》，我认为大鹏更中国！，看中韩电影](https://imgcdn.toutiaoyule.com/20200323/20200323190934408124a_t.jpeg)
