史诗级浏览器环境判断

最近遇到了pad端适配的需求,需要判断用户浏览器所处环境。目前主流有两种方式来判断,靠分辨率,dpr配合 和 使用浏览器指纹userAgent。 考虑到分辨率可以进行调整,各种冷门机型分辨率参差不齐,所以最终选择了 UA 进行判断。
将浏览器浏览器所处环境的代码整理了一下,供以后使用~

        const ua = navigator.userAgent;
        const isWindowsPhone = /(?:Windows Phone)/.test(ua); 
        const isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone;  
        const isAndroid = /(?:Android)/.test(ua);  
        const isFireFox = /(?:Firefox)/.test(ua);  
        const isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)); 
        const isPhone = /(?:iPhone)/.test(ua) && !isTablet; 
        const isPc = !isPhone && !isAndroid && !isSymbian; 
        const isMobile = (isPhone || isTablet || isAndroid && !isPc) || /(?:Mobile)/.test(ua);
        return {
            isTablet,
            isPhone,
            isAndroid,
            isPc,
            isMobile,
        };
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值