终极合体
根据以上的条件判断获得的变量如下，我们可以把它们合并成一个对象输出 。这样就可以输出一个清晰的浏览器运行环境，后面想干嘛就干嘛了，多方便 。
本文重点探究方案的可行性，没有过多考虑到代码的优化，所以条件判断使用得有些多，如果有什么方法能优化下代码，减少条件判断，可以在下方评论提个建议哟 。
- 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，喜欢分享前端技术和生活纪事，学习与生活不落下，每天进步一点点，与大家相伴成长
【详细判断浏览器运行环境】
推荐阅读
-
李宇春|李宇春突发患重病，复发时轮椅出行，“不死的癌症”到底多么可怕？
-
Lady变美日记|简约T恤也能穿出高级风真让人羡慕，可以当男模了，万茜短发太帅
-
表演|《我要上外剧》总决赛17日上演，二嫂三哥传授秘笈
-
北京日报|国家卫健委：派出专家组指导津沪等地做好流调溯源和疫情处置工作
-
-
-
我就是一个说球的|如今成双输，恒大新赛季夺冠悬念陡增，原以为双赢的转会
-
明略科技HAO图谱入围2020 SAIL奖Top 30及年度榜单
-
道德|香港中联办发言人：无理取闹的美方制裁必沦为全世界笑柄
-
-
追着幸福跑美国的“卡脖子”清单，哪25项科技卡住我们“咽喉”，解决其实不难
-
钱江晚报|“吃多少会死？”19岁男孩问了客服！第一时间，“灵魂摆渡人”出现了
-
人民日报客户端黑龙江频道|兴隆林业局：从开山辟景到多业并举
-
-
『肉价』养猪会不会赔钱，取决于市面上猪肉价格，会不会大幅度降价
-
明星照片|本以为贾玲演不了“杨贵妃”，看到定妆照后，好像还挺合适的
-
哈尔滨特产有哪些可带走的美食 哈尔滨特产有哪些可带走
-
八只爪的猫|杨幂穿黑色皮裤造型显曲线，颜值和身材都不像34岁，真让人羡慕
-
非常齐全 分享一套淘宝无货源开店教程(淘宝开网店没有货源怎么办)
-
【库克】库克：3月27日前，关闭中国以外所有苹果零售店
