终极合体
根据以上的条件判断获得的变量如下，我们可以把它们合并成一个对象输出 。这样就可以输出一个清晰的浏览器运行环境，后面想干嘛就干嘛了，多方便 。
本文重点探究方案的可行性，没有过多考虑到代码的优化，所以条件判断使用得有些多，如果有什么方法能优化下代码，减少条件判断，可以在下方评论提个建议哟 。
- 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，喜欢分享前端技术和生活纪事，学习与生活不落下，每天进步一点点，与大家相伴成长
【详细判断浏览器运行环境】
推荐阅读
-
-
毛利率|立方制药屡遭罚研发费低 前副总辞职费解营收”美化”?
-
-
真正懒人盐焗鸡蛋，一个电饭煲就搞定，咸香入味，比买的还要好吃
-
财见|大部分中国国民的焦虑和抑郁情绪与健康和医疗成本密切相关
-
引领时尚新时代|吴谨言不戴鸭舌帽美出新高度，卷发穿卫衣配阔腿牛仔裤超有型
-
-
孕育乖宝宝|促进正常发育，怎样训练早产儿抬头？要遵循规律
-
美搭师萱萱|究竟有何魅力？杨采钰的法式风情令人着迷，25岁嫁给刘亦菲干爹
-
-
凤仪亭|难道大熊猫它就不萌吗？，我的世界：MC中“最没用”的生物和道具
-
「海信」海信彩墨屏发布会召开：3款阅读手机1款平板1599起！
-
-
「专业合作社」石阡本庄镇：千余亩蔬菜基地管护采收轮种忙
-
谢说篮球|德帅或该考虑继续变阵，被裁判针对？火箭前场大将陷入危机
-
澄澈的眼|围观！Oppo Find X2手机评测：价格贵，但具有出色屏和闪电般充电
-
母猪常见问题及处理方法 (母猪产房管理常见的问题及解决方法)
-
大咖圈王跃博：王跃博：视频号好赚钱吗？答案：不好赚
-
别具一格|别具一格的打底裤彰显落落大方的气场，穿着随性街拍范
-
