`
axl234
  • 浏览: 268842 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性

 
阅读更多

IE6-IE8浏览器,按照现代浏览器的API来工作就好了!也就是,你只要关心在现代浏览器下如何使用,至于IE6-IE8,额外引入一个补丁JS,万事OK,歌舞升平,天下大吉!这个引入的补丁JS就是这里的ieBetter.js. 我将这种引入称之为JS的“趋同策略”。

目前,ieBetter.js压缩后大小30K. 大小基本上是jQuery的1/3.

如何使用
IE9+以及Chrome, FireFox等浏览器直接出门左转欣赏浪漫的雾霾景色。IE6-IE8浏览器引入ieBetter.js. 如何无干扰引入?

第一个想到的是IE的条件注释,如下:

<!--[if lte IE 8]>
<script src="ieBetter.js"></script>
<![endif]-->

但是,IE10+浏览器已经跟条件注释say googbye了!因此,例如我的IE11浏览器的IE7, IE8兼容模式下,条件注释直接被吊死,没气了!

于是,为了更广泛的适用性,可以试试下面这个方法:

if (!document.addEventListener) {
    // IE6~IE8
    document.write('<script src="ieBetter.js"><\/script>');	
}

或者您有什么更好的只让IE6~IE8加载ieBetter.js的方法?

API文档
目前,ieBetter.js跟现代浏览器套近乎的API有:
• 选择器相关API
*.querySelector
*.querySelectorAll
*.getElementsByClassName

• 事件相关API
*.addEventListener
*.removeEventListener
*.dispatchEvent
document.createEvent
init[|Mouse|UI]Event
input
window.onhashchange

• DOM特性相关API
window.getComputedStyle

• ES5 JSON扩展
JSON.parse
JSON.stringify

• ES5 Object扩展
Object.create
Object.keys

• Date对象
Date.now

• ES5 Function扩展
Function.bind

• ES5 String扩展
String.trim

• ES5 数组方法扩展
Array.isArray
Array.forEach
Array.map
Array.filter
Array.some
Array.every
Array.indexOf
Array.lastIndexOf
Array.reduce
Array.reduceRight

个中使用可参见我专门制作的API文档页面:ieBetter.js中文API文档页面

分享到:
评论

相关推荐

    浏览器兼容 谷歌IE8.js,IE9.js下载

    `IE8.js`和`IE9.js`是开源的JavaScript库,由谷歌的 Closure Compiler 编译而成,它们主要目标是弥补IE8和IE9在支持JavaScript新特性和CSS3方面与现代浏览器之间的差距。通过引入这些脚本,开发者可以确保他们的网站...

    IE Tab Multi (Enhance)_12.2.12.1-0.zip

    《IE Tab Multi (Enhance):为Chrome带来的IE兼容性解决方案》 在互联网浏览器的世界里,Chrome以其稳定性和丰富的扩展库赢得了广大用户的喜爱。然而,有些网页或在线应用仍然依赖于Internet Explorer(IE)特有的...

    pdf.js pdf在线预览组件,支持IE,chrome

    PDF.js是Mozilla开发的一个开源JavaScript库,主要用于在Web浏览器中实现PDF文档的高质量预览,无需依赖任何插件。这个库的设计目标是提供一个跨平台、跨浏览器的解决方案,使得用户能够在任何支持HTML5 Canvas的...

    chrome实现ie内核(chrome.r39.crx+ffactivex-setup-r39.exe+控件例子)

    标题中的“chrome实现ie内核”指的是在Google Chrome浏览器中模拟或使用Internet Explorer(IE)浏览器的内核来运行特定的网页或Web应用程序。这通常是因为一些旧的或企业内部的应用程序依赖于IE的ActiveX技术,而...

    JS导入导出Excel 兼容IE、Firefox、Chrome等浏览器

    "JS导入导出Excel 兼容IE、Firefox、Chrome等浏览器"这一技术主题,聚焦于如何使用JavaScript(JS)在各种浏览器环境下处理Excel文件,包括古老的Internet Explorer(IE)、Firefox以及Chrome。下面我们将深入探讨这...

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器.pdf

    针对标题提及的"如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器",这里将详细讨论一些关键的CSS兼容性问题及解决方案。 1. **DOCTYPE的影响**: DOCTYPE声明会影响浏览器进入何种文档模式。在HTML4或...

    div+css兼容ie6ie7ie8ie9和FireFoxChrome等浏览器方法[借鉴].pdf

    本文将深入探讨如何使CSS样式兼容IE6、IE7、IE8、IE9以及Firefox、Chrome等现代浏览器。 1. **DOCTYPE声明的影响**: DOCTYPE声明对于浏览器的渲染模式至关重要。在HTML文档的顶部加入正确的DOCTYPE,如`&lt;!DOCTYPE...

    IE9-Windows7-x64-chs-9.0.8112.16421.exeIE9-Windows7-x64-chs.rar

    然而,随着Chrome、Firefox等现代浏览器的崛起,IE的市场份额逐渐下滑,最终在2022年6月15日,微软正式停止对所有版本的IE支持,推荐用户转用Edge浏览器。 IE9的发布是微软对浏览器市场的一次重要回应,尤其是在与...

    companion.js-v0.5.5

    随着现代浏览器如Chrome、Firefox等提供了更为强大且易用的开发者工具,以及IE市场份额的大幅下降,Companion.JS这样的工具可能逐渐淡出人们的视线。然而,对于那些仍然需要维护IE应用的开发者来说,它仍然是一个...

    一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

    ie7 – js中是一个JavaScript库(解决IE与W3C标准的冲突的JS库),使微软的Internet Explorer的行为像一个Web标准兼容的浏览器,支持更多的W3C标准,支持CSS2、CSS3选择器。它修复了许多的HTML和CSS问题,并使得透明...

    jsencrypt.js 兼容IE,Chrome,FF

    jsencrypt 兼容IE8,Chrome,FF,包括exports.default,Object.defineProperty不兼容问题处理等。

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器.docx

    让 Div+CSS 兼容 IE6 IE7 IE8 IE9 和 FireFox Chrome 等浏览器 在前端开发中,让 Div+CSS 兼容不同的浏览器是一个很大的挑战。不同的浏览器有不同的渲染引擎和CSS解析规则,导致了同一份CSS代码在不同的浏览器中...

    ie6浏览器下载

    2. **市场份额**:在发布后的几年里,IE6的市场份额一度超过90%,但随着Firefox、Chrome等竞争者的崛起,以及安全问题和性能上的局限,其市场份额逐渐下滑。 3. **安全问题**:IE6的安全性在今天看来是相当脆弱的,...

    解决各种IE兼容问题_IE6_IE7_IE8_IE9_IE10

    由于不同版本的Internet Explorer(IE6、IE7、IE8、IE9、IE10)对Web标准的支持程度不一,这导致在这些浏览器中运行同一段代码可能会出现差异。幸运的是,有一些技术手段可以帮助我们解决这些问题。 首先,一个关键...

    IE中javascript调试工具

    IE(Internet Explorer)浏览器曾经提供了一套内置的JavaScript调试工具,这对于理解JavaScript的运行机制和优化代码非常有用。本文将详细介绍IE中的JavaScript调试工具及其使用方法。 ### IE JavaScript调试工具 ...

    ie6、ie7、ie8、ie9、ie10、firefox、google chrome浏览器Hack及兼容性演示页面

    在实际项目中,为了简化浏览器兼容性工作,开发者通常会使用像`autoprefixer`这样的工具自动添加CSS前缀,或者依赖于`Modernizr`这样的JavaScript库来检测浏览器特性,以决定是否使用某些高级功能。此外,使用`...

    IE Tab Multi (Enhance) for Chrome 1.0.0.1离线安装包

    可在Chrome内使用多标签页式的IE,同时比其它IE扩展拥有更多强大的实用功能! IE Tab Multi 的表现与原版IE是最相近的。 你可以不用再另外打开IE访问只能在IE中访问的网站并运行ActiveX控件。 这个扩展只支持Windows...

    google ie内核插件工具(chrome.r39.crx+ffactivex-setup-r39+实例)

    1. **chrome.r39.crx**:这是Google Chrome浏览器的扩展程序,安装后可以让Chrome浏览器在后台使用IE内核来解析和渲染网页,以支持那些只在IE上运行的Web应用。 2. **ffactivex-setup-r39**:这可能是针对Firefox...

Global site tag (gtag.js) - Google Analytics