方法一:
<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>
相关推荐
1. **使用成熟库或框架**:像jQuery UI、Bootstrap Datepicker、Pickadate.js等是经过广泛测试和优化的日期选择器库,它们通常提供良好的浏览器兼容性。这些库已经处理了大部分兼容性问题,开发者只需按照文档配置...
在开发Web应用时,浏览器兼容性是一个常见的挑战,特别是JavaScript脚本在不同的浏览器上可能会有不同的行为。本文将详细解析在Firefox浏览器中实现JS脚本兼容的一些关键点,以确保代码在Firefox和其他浏览器上的...
### 浏览器兼容代码大全 #### 概述 本文档提供了一系列的代码示例,旨在帮助初学者解决不同浏览器间的兼容性问题。通过本文档的学习,你可以掌握如何编写能够跨浏览器正常显示的网页,包括但不限于CSS样式调整、...
"多浏览器兼容的JS日历控件"就是这样一个解决方案,它旨在提供一致的用户体验,无论用户使用的是Firefox、Chrome、Safari、Edge还是Internet Explorer。这个日历控件在设计时特别考虑了跨浏览器的兼容性,避免了由于...
针对360双核浏览器兼容模式的页面显示问题,开发者可以使用内核控制Meta标签来手动指定浏览器应使用的渲染内核。通过在HTML页面的部分添加特定的标签,开发者可以告诉360浏览器使用webkit内核或者IE兼容模式(ie-...
### JavaScript 解决浏览器兼容性问题 #### 一、引言 在前端开发中,浏览器兼容性问题一直是开发者面临的重要挑战之一。随着不同浏览器版本的更新迭代,如何确保Web应用能够在各种浏览器环境中正常运行成为了关键...
浏览器兼容性测试是Web开发过程中不可或缺的一环,因为不同的浏览器可能会有不同的解析标准和实现方式,导致同一段代码在不同浏览器中的表现不一致。为了解决这个问题,开发者通常需要借助各种浏览器兼容测试工具来...
浏览器兼容性是IT领域中的一个重要话题,特别是在网页开发和用户体验设计中。这个主题涉及到不同的网络浏览器如何处理相同的HTML、CSS、JavaScript代码以及Web标准的实现差异。以下是对这个主题的详细解析: 首先,...
在IT行业中,Web浏览器兼容性是一项至关重要的任务,因为不同的浏览器可能会对HTML、CSS和JavaScript的解析有不同的理解和实现,导致网站在不同浏览器上显示或运行的效果不一致。"Web浏览器兼容工具"就是为了帮助...
在JavaScript和CSS的世界里,浏览器兼容性问题是一个长期困扰开发者的话题。不同的浏览器对标准的实现可能存在差异,导致代码在某些浏览器上运行正常,而在其他浏览器上可能出现错误或效果不一致。"js浏览器兼容问题...
本文将深入探讨如何使用JavaScript进行浏览器版本判断,以及如何处理浏览器兼容性问题。 首先,我们需要知道JavaScript提供了多种方式来获取浏览器信息。最常用的方法是通过`navigator`对象,它包含了有关浏览器的...
浏览器兼容报告是对Web开发中一个关键问题的深入探讨,尤其是针对CSS和JavaScript的兼容性问题。在Web开发中,确保网站或应用在不同浏览器上的表现一致至关重要,因为用户可能使用各种浏览器进行访问,包括IE、Fire...
总的来说,解决CSS和JavaScript的浏览器兼容问题需要开发者对各种浏览器的特性有深入理解,并善于运用工具和技巧进行调试和优化。如使用Firebug、Web Developer、DebugBar等开发工具可以帮助开发者快速定位和解决...
3. **使用polyfill**:通过JavaScript库如`border-radius.js`来模拟圆角效果。 #### 五、总结 跨浏览器兼容性是前端开发中一个非常重要的议题。通过使用标准化库、正确处理前缀、合理运用条件注释以及采取渐进增强...
兼容各浏览器的日期控件
### JavaScript 解决 `innerText` 浏览器兼容性问题 #### 背景介绍 在 Web 开发过程中,经常会遇到需要获取或修改 HTML 元素内部文本的需求。JavaScript 提供了多种方法来实现这一功能,其中较为常用的是 `...