终极合体
根据以上的条件判断获得的变量如下,我们可以把它们合并成一个对象输出 。这样就可以输出一个清晰的浏览器运行环境,后面想干嘛就干嘛了,多方便 。
本文重点探究方案的可行性,没有过多考虑到代码的优化,所以条件判断使用得有些多,如果有什么方法能优化下代码,减少条件判断,可以在下方评论提个建议哟 。
- 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,喜欢分享前端技术和生活纪事,学习与生活不落下,每天进步一点点,与大家相伴成长
【详细判断浏览器运行环境】
推荐阅读
-
-
-
-
爆米花沏茶泡汤了是什么生肖 爆米花沏茶泡汤了是什么生肖歇后语
-
吉雅志佩历史|还将春节定为法定节日,中国最后的藩属国不仅将中国人印在钱上
-
『运势』5月4日星座运势:巨蟹拓展眼界,天秤拼尽全力,水瓶贵人相助
-
-
-
一朝天子一朝臣,领导换届期间如何与新领导建立关系?
-
太史慈|三国志战略版: 谁说白板没活路?输出减伤两开花的吴肉弓前来报到
-
|?大叔收藏了数不清的藏品,唯独对其中的一件有疑问,忐忑鉴宝
-
游戏|LOL:PDD表示SN运营问题蛮大,想当冠军还差一些品质!
-
人民网|广西:建立企业信用修复机制 以“稳企”促“活市”
-
成都市锦江区教育局|成都一幼稚园多名儿童呕吐腹泻 官方通报:系诺如病毒感染
-
菁妈育儿|脏一点更健康,邋遢家长养出健康娃!孩子身上几个部位别乱洗
-
-
龙背坊|他会是你的福星,能助你钱财如雨下!,属羊人:请珍惜这个人
-
美女|美女的修身连衣裙,既显瘦又有魅力,“照搬”就行!
-
铿锵一族|天天兄弟前主持沦为网红,呆萌型男恋上争议女明星,小五怎么了?
-
从中国独立出快100年的外蒙古,现在究竟如何?驴友道出实情!