终极合体
根据以上的条件判断获得的变量如下，我们可以把它们合并成一个对象输出 。这样就可以输出一个清晰的浏览器运行环境，后面想干嘛就干嘛了，多方便 。
本文重点探究方案的可行性，没有过多考虑到代码的优化，所以条件判断使用得有些多，如果有什么方法能优化下代码，减少条件判断，可以在下方评论提个建议哟 。
- 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，喜欢分享前端技术和生活纪事，学习与生活不落下，每天进步一点点，与大家相伴成长
【详细判断浏览器运行环境】
推荐阅读
-
-
请叫我绅士|《穿越火线》刚播，吴磊又一双男主剧来袭，看到搭档：这组合爱了！
-
小强停车 谁能拿下自动驾驶行业的关键点，AR虚拟现实
-
-
-
全网最全的机械图纸符号 机械图纸符号大全图解基础知识点
-
「共由说」游戏平衡为何如此难做，DOTA2：刚加强就削弱？网友：谁强削谁
-
-
#方言#最不喜欢讲普通话的4座城市，基本上都在南方，而且都是大
-
清姬|阴阳师：崽战还在被SP清姬支配？只需两位核心式神教你轻松应对
-
辣椒军事|绝不后退，中方早已把话挑明，特朗普打错算盘！事关我国重大利益
-
福建惠安通报23人吃汉堡后住院：涉事饼厂停业，已立案调查
-
宝马X5|买车前端茶倒水，交完5000定金看销售心情？车主掏出录音4S傻了眼
-
『科创新源』科创新源2019年净利4940.86万增长11.52% 海内外通信业务保持稳定
-
日月军武|伊朗首席盟友出手，内忧外患特朗普态度立马变，中东局势变化莫测
-
汽车之家|外观帅气，标配10气囊，最亲民的奔驰suv
-
宋雨琦：终于信宋雨琦瘦身成功，当她只穿一件卫衣外出，秀出的A型腿酷爆
-
八卦糊咖|豪宅显奢华，外墙是玻璃屏幕，院子是苏式园林，刘翔晒近况秀琴技
-
-
