终极合体
根据以上的条件判断获得的变量如下，我们可以把它们合并成一个对象输出 。这样就可以输出一个清晰的浏览器运行环境，后面想干嘛就干嘛了，多方便 。
本文重点探究方案的可行性，没有过多考虑到代码的优化，所以条件判断使用得有些多，如果有什么方法能优化下代码，减少条件判断，可以在下方评论提个建议哟 。
- 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，喜欢分享前端技术和生活纪事，学习与生活不落下，每天进步一点点，与大家相伴成长
【详细判断浏览器运行环境】
推荐阅读
-
-
无尽地小学妹|1863天！中超32岁名将感人1幕：鞠躬+拥抱，感谢这位韩国人
-
妙法圆梦，喜得女婴—潍坊市中医院治未病中心“调经促孕法”
-
中超|巧合？中超第1轮赛程或已提前“剧透”！前2场跟记者爆料不谋而合
-
儒此爱|保证让你“笑出声”，晒一晒印度人的求雨方式
-
-
大话西游|大话西游2召唤兽玩法迎来大更新，又是平民玩家捞一笔的好时机
-
「」高考前夕，女儿一句“妈妈求求你不要再来学校了”，引家长深思
-
中国动力电池回收行业发展驱动因素 2020年动力电池回收行业市场现状及发展前景趋势分析研究报告
-
「心理学」心理学：你最想躺在哪一张床上？测你这辈子可能会背叛谁！
-
主持人张绍刚瘦脱相|主持人张绍刚瘦脱相脸颊下垂老态明显 毫无精气神
-
青柠食记|厨师长：一招让豆腐不破皮！这菜成本不到10元，麻辣鲜香又下饭
-
李洪伙|被40亿身家阔少爷用两百辆婚车迎娶，拒绝3亿分手费，车晓现况如何？
-
-
-
神雕侠侣|37年后，“小龙女”和“公孙止”再次同框，一个专心慈善一个成外国人
-
vivo vivo X50影像大解密 除了微云台，60倍超级变焦、人像模式统统有
-
2018年中国外贸进出口总值创历史新高 首超30万亿元
-
-
肖战|肖战化身新年“礼仪官”！多次参加录制视频活动，官媒也紧抓肖战
