检测浏览器

浏览器兼容是个大大的问题!

navigator.userAgent.toLowerCase() 来判断浏览器类型

js判断

function userBrowser(){
    var browserName=navigator.userAgent.toLowerCase();
    if(/msie/i.test(browserName) && !/opera/.test(browserName)){
        alert("IE");
        return ;
    }else if(/firefox/i.test(browserName)){
        alert("Firefox");
        return ;
    }else if(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)){
        alert("Chrome");
        return ;
    }else if(/opera/i.test(browserName)){
        alert("Opera");
        return ;
    }else if(/iPad/i){
        alert("ipad");
        return ;
    }
else if(/webkit/i.test(browserName) &&!(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName))){
        alert("Safari");
        return ;
    }else{
        alert("unKnow");
    }
}

** 判断ipad:

(navigator.userAgent.toLowerCase().match(/iPad/i) == "ipad") ? window.pageYOffset : Math.max

(d.documentElement.scrollTop, d.body.scrollTop);

判断客户端是否为ipad,是的话采用 window.pageYOffset获取滚动轴高度; 否则采用 Math.max

(d.documentElement.scrollTop, d.body.scrollTop)

时间: 2024-10-11 09:57:55

检测浏览器的相关文章

用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) {      

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

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

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 })(); 原理如下: 控制台输出的内容如果是对象(包括正则表达是对象),则保留的是对象的引用,输出的 会是对象的实时值,即对象内容被改变时,能够反映其变化(前提是重新开启

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

js检测浏览器中是否安装了flash播放插件

这两天工作中需要在网页中嵌入flash小游戏,我使用的是swfobject.js version:1.5.其他方面都很好,唯独版本检测这里一直没有搞通,后来实在无奈之下,改用js来检测浏览器的flash插件情况,代码如下: <script> function flashChecker() { var hasFlash = 0; //是否安装了flash var flashVersion = 0; //flash版本 if (document.all) { var swf = new Activ

jQuery 工具类函数-检测浏览器是否属于W3C盒子模型

浏览器的盒子模型分为两类,一类为标准的w3c盒子模型,另一类为IE盒子模型,两者区别为在Width和Height这两个属性值中是否包含padding和border的值,w3c盒子模型不包含,IE盒子模型则包含,而在jQuery 中,可以通过$.support.boxModel对象返回的值,检测浏览器是否属于标准的w3c盒子模型. <body> <div id="divtest"> <div class="title"> <s