js判断设备类型/识别浏览器

前端开发 js 判断手机号|如何进行移动设备前端开发|轻量 前端开发框架

js判断设备类型和识别浏览器,相信稍微有点前端基础的都应该会写。不过这种东西一般不是跨平台,兼容多种设备的大项目,用到的地方不会很多。之前在一家小公司工作,顶多就是判断一下屏幕分辨率,做一下自适应,根本不用判断设备类型和识别浏览器。

javascript 代码

(function () {
    var UA = {};
    var ua = navigator.userAgent.toLowerCase(),
        s;
    UA.ie = (s = ua.match(/(msie\s|trident.*rv:)([\d.]+)/)) ? parseInt(s[2]) : false;
    UA.firefox = (s = ua.match(/firefox\/([\d.]+)/)) ? parseInt(s[1]) : false;
    UA.chrome = (s = ua.match(/chrome\/([\d.]+)/)) ? parseInt(s[1]) : false;
    UA.opera = (s = ua.match(/opera.([\d.]+)/)) ? parseInt(s[1]) : false;
    UA.safari = (s = ua.match(/version\/([\d.]+).*safari/)) ? parseInt(s[1]) : false;
    UA.android = (s = ua.match(/android/)) ? s : false;
    UA.iphone = (s = ua.match(/iphone os/)) ? s : false;
    UA.ipad = (s = ua.match(/ipad/)) ? s : false;
    UA.ios = UA.ipad || UA.iphone;
    UA.isWin32 = /win32/i.test(window.navigator.platform);
    UA.isWeixin = (s = ua.match(/MicroMessenger/i)) ? !!s : false; //判断是否是在微信浏览器里面
    UA.isUcweb = (s = ua.match(/ucbrowser/)) ? !!s : false;
    UA.isMqq = (s = ua.match(/mqqbrowser/)) ? !!s : false; //是否是手机qq浏览器
    UA.isWeiBo = (s = ua.match(/__weibo__/)) ? !!s : false; //是否微博浏览器
    window.UA = UA;
    console.log(UA);
})();

前端ui开发框架有哪些|中兴招聘前端开发|前端开发招聘威海

» 本文来自:前端开发者 » 《js判断设备类型/识别浏览器》
» 本文链接地址:https://www.rokub.com/3912.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!