检测浏览器的特性

1.检测桌面端浏览器的特性。

$.checkDetect = function() {
        var Detect = {
            ie: /msie\s*\d+\.\d/gi,
            chrome: /chrome\/[\w\.]+(\s)?/gi,
            firefox: /firefox\/[\w\.]+(\s)?/gi,
        };

var ua = navigator.userAgent.toLowerCase(),
            info = {},
            match = [];

for (i in Detect) {
            match = ua.match(Detect[i]);
            if (match) {
                info.browser = i;
                info.version = match.join(" ").match(/[0-9]+/g).join(".");
            }
        }
        return info;
    }

检测移动端浏览器属性:

checkDetect = function(){
            var Detect = {
                webkit: /(AppleWebKit)[ \/]([\w.]+)/,
                ipad: /(ipad).+\sos\s([\d+\_]+)/i,
                windows: /(windows\d*)\snt\s([\d+\.]+)/i,
                iphone: /(iphone)\sos\s([\d+\_]+)/i,
                ipod: /(ipod).+\sos\s([\d+\_]+)/i,
                android: /(android)\s([\d+\.]+)/i
            };

var ua = window.navigator.userAgent,
                browser = Detect.webkit.exec(ua),
                ios = /\((iPhone|iPad|iPod)/i.test(ua),
                //["iPhone OS 5_1", "iPhone", "5_1"]
                tmp = [],
                N = {},
                match = [];
                for(i in Detect){
                    match = Detect[i].exec(ua);
                    if(match){
                        tmp = Detect[i].exec(ua);
                    }  
                }
                N = {
                    system : tmp[1].toLowerCase(),
                    version : tmp[2].replace(/(\_|\.)/ig, ‘.‘).toLowerCase(),
                    browser : browser ? browser[1].toLowerCase() : ‘apple/webkit‘,
                    ios: ios
                }
                return N;

}

检测浏览器的特性

时间: 2024-08-06 16:01:24

检测浏览器的特性的相关文章

[转]JavaScript快速检测浏览器对CSS3特性的支持

转自:https://yuguo.us/weblog/detect-css-support-in-browsers-with-javascript/ -------------------------------------------------------------------------------------------------- 在项目中需要快速检测浏览器是否支持某CSS3特性,比如检测是否支持“transform”,然后我的布局会有两种完全不同的版式. 当然除开本文介绍的这种快

html学习 - 检测浏览器是否支持Canvas

canvas检测 Canvas是html5中的新特性,所以并不是在所有浏览器都有很好的支持,在遇到兼容性的时候,每个人用的浏览器不同,防止出现在有些浏览器发生问题,所以在加载页面的时候就需要提前判断浏览器是否支持Canvas. 判断的方法其实有很多,Javascript本身可以判断,还有很多开发框架也提供了判断的canvas的方法. html代码 首先我们的html代码是需要有canvas的标签的. <!DOCTYPE html> <html lang="en">

检测浏览器对HTML5新input类型的支持

HTML5新增加了很多input元素类型,比如color,date,datetime,datetime-local,email,month,number,range,search,tel,time,url,week等. 通过以下方法可以检测浏览器是否支持这些新的input类型: var i = document.createElement('input'); i.setAttribute('type', 'date'); //浏览器不支持date类型 if(i.type == 'text'){

用JavaScript检测浏览器

如果你真的需要检测浏览器的类型,用JavaScript很容易实现. View Demo Download Source from GitHub JavaScript有一个navigator的标准对象,它包含了关于浏览器使用的信息. navigator对象由很多属性,但是userAgent属性---一个字符串就已经包含了浏览器.操作系统以及其它我们需要的所有信息. 如果需要显示navigator.userAgent的值,只需要选择下面的一种的方式就可以: Alert // Display in a

jquery检测浏览器类型

使用jquery如下代码检测浏览器版本时:出问题,在检测IE浏览器,如果版本是IE11时,会出现 $.browser.msie的返回值是false,$.browser.mozilla的返回值是true,即把IE11检测成火狐了 结局办法  判断IE浏览器用  !!window.ActiveXObject || "ActiveXObject" in window方法. function JudgeBroswer() {         if($.browser.msie) {      

js通用方法检测浏览器是否已安装指定插件(IE与非IE通用)

/* * 检测是否已安装指定插件 * * pluginName 插件名称 */ function checkPlugins(pluginName) { var np = navigator.plugins; if (window.ActiveXObject) { // IE // ActiveXObject的对象名 var activexObjectName = pluginName + "." + pluginName; try { var axobj = eval("ne

检测浏览器类型及版本

var Sys = Sys || {};Sys.browser = Sys.browser || function (w, d, n) { var u = n.userAgent.toLowerCase(), browser = {}; browser.u = u; browser.render = d.compatMode; if (n.product === 'Gecko') browser.gecko = true; if (/ applewebkit\/(\d+\.\d+)/i.test

chrome下使用JS检测浏览器是否使用开发者工具

在浏览网页的时候无意中看到一个检测浏览器是否使用开发者工具方法,特此记录 代码示例: 1 (function(){ 2 var re=/x/; 3 var i=0; 4 console.log(re); 5 6 re.toString=function(){ 7 return '第'+(++i)+'次打开控制台' 8 } 9 })(); 原理如下: 控制台输出的内容如果是对象(包括正则表达是对象),则保留的是对象的引用,输出的 会是对象的实时值,即对象内容被改变时,能够反映其变化(前提是重新开启

使用JavaScript检测浏览器

假设你真的需要检测浏览器的类型,使用JavaScript非常easy达到. View Demo Download Source from GitHub JavaScript有一个navigator的标准对象,它包括了关于浏览器使用的信息. navigator对象由非常多属性.可是userAgent属性---一个字符串就已经包括了浏览器.操作系统以及其他我们须要的全部信息. 假设须要显示navigator.userAgent的值.仅仅须要选择以下的一种的方式就能够: Alert // Displa