终极合体
根据以上的条件判断获得的变量如下，我们可以把它们合并成一个对象输出 。这样就可以输出一个清晰的浏览器运行环境，后面想干嘛就干嘛了，多方便 。
本文重点探究方案的可行性，没有过多考虑到代码的优化，所以条件判断使用得有些多，如果有什么方法能优化下代码，减少条件判断，可以在下方评论提个建议哟 。
- 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，喜欢分享前端技术和生活纪事，学习与生活不落下，每天进步一点点，与大家相伴成长
【详细判断浏览器运行环境】
推荐阅读
-
和田玉籽料|清乾隆 和田玉籽料 脂白玉 高浮雕 吉庆有余 婴戏牌 玉牌
-
-
经济日报新闻客户端|一觉醒来钱没了？小心“短信嗅探器”盗刷银行卡！
-
应急|北京何时下调应急响应级别？疫情源头找到了吗？吴尊友最新回应
-
「芯片」国内有没有其它技术取代光刻机？ASML公布答案
-
各位大神，我健身有段时间了，请问该吃啥牌子的蛋白粉比较好
-
综艺|张艺兴太难了，指导《少年之名》表演，男团舞蹈为什么要一直卖萌呢？
-
娱乐与趣闻|失踪人口回归 S10赛后阿水瘦身成功开始营业
-
#泡泡网#旗下首款90Hz手机，4月份发布，魅族17曝光
-
-
「浙江在线」【地评线】钱江潮评|做好美丽乡村这篇经济大文章
-
银行正从伦敦办公楼“出逃”，疫情永久改变办公生态？
-
丈夫许家印被捉了，几百亿分红被她带走了，丁玉梅才是最后赢家
-
【毒蛇】专吃毒蛇的蛇类？蛇界百毒不侵，但是见过其真容的人却没几个
-
味美的柒分甜不仅有助失眠，还能祛除体内湿气，?晚上失眠咋办？多吃4种水果
-
-
印度_社会|印度单日新增确诊病例5.7万例，超越美国成全球之最
-
报告|10月2日广东新增境外输入确诊病例3例、无症状感染者8例
-
-
