那些讓IE6-8羞愧的替補型js

1，html5shiv

這個js特別簡單，可以讓IE8識別一些新的標簽，常用的比如 header footor section，就能使用更好的語義的標簽了。

引入方式：

    <!--[if lt IE 9]>
        <script src="../../Scripts/lib/html5.js"></script>    
    <![endif]-->

 

2，json2.js

他可以補充JSON.parse JSON.stringify 兩個json序列化反序列化方法

引入方法，IE8以下引入

    <!--[if lt IE 8]>
        @Scripts.Render("~/Scripts/json2.js")
    <![endif]-->

3，jQuery

沒錯，jquery出了2以后，為了IE6-8還得保持1的更新，羞愧吧。

引入方法：

    <!--[if lt IE 9]>
        @Scripts.Render("~/Scripts/JQuery/jquery-1.11.1.min.js")
    <![endif]-->
    <!--[if gte IE 9]>-->
    @Scripts.Render("~/Scripts/JQuery/jquery-2.1.1.min.js")
    <!--<![endif]-->

4，respond

respond.js可以讓IE6-8支持 css的media query 響應式方案。

    <!--[if lte IE 8]>
    @Scripts.Render("~/Scripts/lib/respond/respond.min.js")
    <![endif]-->

5，excanvas

他利用IE的vml讓低版本IE模擬實現canvas，效率低不少。

案例：百度echart圖表控件

 

6.PIE

讓IE6-8以及IE9支持css3的圓角陰影漸變等，同樣使用vml，性能開銷也不小。

 

7，flash相關js

有些js在低版本IE下會用flash作為替補

案例1：webuploader上傳控件。

IE6~9會使用flash版本，IE10以上以及其他瀏覽器會使用html5版本。

 案例2：ckplayer 視頻播放器

他包含了flash版本和html5雙版本以兼容更多的瀏覽器。

 

結束語：

 我特別喜歡這種類型的js，更多的利用html5等先進瀏覽器支持的特性去快樂的玩耍，又有低版本IE下的替補方案，更好的將低版本IE邊緣化。