`

浏览器兼容js

阅读更多

方法一:

<script type="text/javascript">

window.GLOBAL = {  //浏览器版本信息

    BROWSER : (function() {

        var u = window.navigator.userAgent.toLocaleLowerCase(),

        msie = /(msie) ([\d.]+)/,

        chrome = /(chrome)\/([\d.]+)/,

        firefox = /(firefox)\/([\d.]+)/,

        safari = /(safari)\/([\d.]+)/,

        opera = /(opera)\/([\d.]+)/,

        ie11 = /(trident)\/([\d.]+)/,

        b = u.match(msie)||u.match(chrome)||u.match(firefox)||u.match(safari)||u.match(opera)||u.match(ie11);

        alert(b);

        alert(b[1]+"-->"+parseInt(b[2]));

        return {NAME: b[1], VERSION: parseInt(b[2])};

        if(b[1].indexOf("trident")!="-1"){

        alert("ie11浏览器");

        }

        if(b[1].indexOf("msie")!="-1"){

        alert("ie11以下浏览器");

        }

        ....其他浏览器以此类推

    })()

}

</script>

方法二:

<script type="text/javascript">

 

if(navigator.userAgent.indexOf("Opera") != -1) 

{  

$("#headerbak").show();//提示框

//daojishi();

    // document.write('您的浏览器是Opera吧?'); 

}else if(navigator.userAgent.indexOf("MSIE") != -1) 

 {

 if(navigator.userAgent.indexOf("MSIE 8.0") != -1) 

 {

  $("#headerbak").hide();

 } 

  else if(navigator.userAgent.indexOf("MSIE 7.0") != -1) 

 {

  $("#headerbak").show();

//daojishi();

 }else if(navigator.userAgent.indexOf("MSIE 6.0") != -1) 

 {

  $("#headerbak").show();

//daojishi();

 }else{

  $("#headerbak").hide();

 } 

 }else if("ActiveXObject" in window){//MSIE X.X在ie11无效,所以单独判断

  $("#headerbak").hide();

 }   

 

// 包含「Firefox」文字列 

else if(navigator.userAgent.indexOf("Firefox") != -1) 

$("#headerbak").hide();

    //document.write('您的浏览器时Firefox吧?'); 

}

// 包含「Netscape」文字列 

else if(navigator.userAgent.indexOf("Netscape") != -1)

$("#headerbak").hide();

    //document.write('您的浏览器时Netscape吧?'); 

// 包含「Safari」文字列 

else if(navigator.userAgent.indexOf("Safari") != -1) 

$("#headerbak").hide();

     //document.write('您的浏览器时Safari 吧?'); 

else{ 

   //document.write('无法识别的浏览器。'); 

$("#headerbak").show();

//daojishi();

var sec=3;

 

</script>

分享到:
评论

相关推荐

    浏览器兼容js日期选择器

    1. **使用成熟库或框架**:像jQuery UI、Bootstrap Datepicker、Pickadate.js等是经过广泛测试和优化的日期选择器库,它们通常提供良好的浏览器兼容性。这些库已经处理了大部分兼容性问题,开发者只需按照文档配置...

    Firefox浏览器兼容JS脚本供参考

    在开发Web应用时,浏览器兼容性是一个常见的挑战,特别是JavaScript脚本在不同的浏览器上可能会有不同的行为。本文将详细解析在Firefox浏览器中实现JS脚本兼容的一些关键点,以确保代码在Firefox和其他浏览器上的...

    浏览器兼容代码大全

    ### 浏览器兼容代码大全 #### 概述 本文档提供了一系列的代码示例,旨在帮助初学者解决不同浏览器间的兼容性问题。通过本文档的学习,你可以掌握如何编写能够跨浏览器正常显示的网页,包括但不限于CSS样式调整、...

    多浏览器兼容的JS日历控件

    "多浏览器兼容的JS日历控件"就是这样一个解决方案,它旨在提供一致的用户体验,无论用户使用的是Firefox、Chrome、Safari、Edge还是Internet Explorer。这个日历控件在设计时特别考虑了跨浏览器的兼容性,避免了由于...

    解决360双核浏览器兼容模式的页面显示问题

    针对360双核浏览器兼容模式的页面显示问题,开发者可以使用内核控制Meta标签来手动指定浏览器应使用的渲染内核。通过在HTML页面的部分添加特定的标签,开发者可以告诉360浏览器使用webkit内核或者IE兼容模式(ie-...

    javascript解决浏览器兼容性问题

    ### JavaScript 解决浏览器兼容性问题 #### 一、引言 在前端开发中,浏览器兼容性问题一直是开发者面临的重要挑战之一。随着不同浏览器版本的更新迭代,如何确保Web应用能够在各种浏览器环境中正常运行成为了关键...

    浏览器兼容测试工具

    浏览器兼容性测试是Web开发过程中不可或缺的一环,因为不同的浏览器可能会有不同的解析标准和实现方式,导致同一段代码在不同浏览器中的表现不一致。为了解决这个问题,开发者通常需要借助各种浏览器兼容测试工具来...

    浏览器兼容

    浏览器兼容性是IT领域中的一个重要话题,特别是在网页开发和用户体验设计中。这个主题涉及到不同的网络浏览器如何处理相同的HTML、CSS、JavaScript代码以及Web标准的实现差异。以下是对这个主题的详细解析: 首先,...

    web 浏览器兼容工具

    在IT行业中,Web浏览器兼容性是一项至关重要的任务,因为不同的浏览器可能会对HTML、CSS和JavaScript的解析有不同的理解和实现,导致网站在不同浏览器上显示或运行的效果不一致。"Web浏览器兼容工具"就是为了帮助...

    js浏览器兼容问题的大全

    在JavaScript和CSS的世界里,浏览器兼容性问题是一个长期困扰开发者的话题。不同的浏览器对标准的实现可能存在差异,导致代码在某些浏览器上运行正常,而在其他浏览器上可能出现错误或效果不一致。"js浏览器兼容问题...

    判断浏览器版本Js,浏览器兼容

    本文将深入探讨如何使用JavaScript进行浏览器版本判断,以及如何处理浏览器兼容性问题。 首先,我们需要知道JavaScript提供了多种方式来获取浏览器信息。最常用的方法是通过`navigator`对象,它包含了有关浏览器的...

    浏览器兼容报告

    浏览器兼容报告是对Web开发中一个关键问题的深入探讨,尤其是针对CSS和JavaScript的兼容性问题。在Web开发中,确保网站或应用在不同浏览器上的表现一致至关重要,因为用户可能使用各种浏览器进行访问,包括IE、Fire...

    css和js的浏览器兼容问题汇总

    总的来说,解决CSS和JavaScript的浏览器兼容问题需要开发者对各种浏览器的特性有深入理解,并善于运用工具和技巧进行调试和优化。如使用Firebug、Web Developer、DebugBar等开发工具可以帮助开发者快速定位和解决...

    跨浏览器兼容的CSS代码编程方法

    3. **使用polyfill**:通过JavaScript库如`border-radius.js`来模拟圆角效果。 #### 五、总结 跨浏览器兼容性是前端开发中一个非常重要的议题。通过使用标准化库、正确处理前缀、合理运用条件注释以及采取渐进增强...

    兼容各浏览器的日期js控件

    兼容各浏览器的日期控件

    前端不同浏览器兼容性解决办法

    总结,处理前端浏览器兼容性问题需要全面了解各浏览器特性,合理使用前缀、重置样式、JavaScript条件语句以及引入相关库。同时,随着技术发展,部分老版本浏览器的市场份额逐渐减少,开发者也可以考虑适时放弃对某些...

    javascript解决innerText浏览器兼容问题思路代码.docx

    ### JavaScript 解决 `innerText` 浏览器兼容性问题 #### 背景介绍 在 Web 开发过程中,经常会遇到需要获取或修改 HTML 元素内部文本的需求。JavaScript 提供了多种方法来实现这一功能,其中较为常用的是 `...

Global site tag (gtag.js) - Google Analytics