讓老版本IE支持HTML5


   一直想入手C3和H5,但因為所開發的項目一直要求兼容IE7,IE8。而這兩個瀏覽器並不支持html5,所以一直都在觀望而未真正的投入太多精力去學習。盡管我知道h5和c3是主流。 在最近的項目開發中,偶然的一個機會,讓我了解了兩個js插件。而這兩個組件正好解決了我的困擾。有句話講得好:“萬事俱備,只欠東風!”。說了這么多,接下來正式說說東風。

   html5shiv.js和respond.js。這兩個JS文件讓不支持H5的IE瀏覽器開始接受支持H5和C3。
1.html5shiv.js
        html5shiv.js讓不支持html5的瀏覽器支持html5標簽。html5的新元素不能作為父節點包裹子元素,並且不能應用CSS樣式。html5shiv的使用非常的簡單,考慮到IE9是支持html5的,所以直選要在頁面的head中添加如下代碼。
<!--[ifltIE9]>            
<script type="text/javascript" src="scripts/html5shiv.js"></script>
<![endif]-->    
如果版本小於IE9就引入html5shiv.js,IE9以前的瀏覽器就能使用h5標簽,並使用定義好的樣式了。
2.Respond.js

        Respond.js 是一個快速、輕量的 polyfill(注解1),用於為 IE6-8 以及其它不支持 CSS3 Media Queries 的瀏覽器提供媒體查詢的 min-width 和 max-width 特性,實現響應式網頁設計(Responsive Web Design)。

注解1:啥叫shim?啥是polyfill?
shim:是一個庫,它將一個新的API引入到一個舊的環境中,而且僅靠舊環境中已有的手段實現
polyfill:就是一個用在瀏覽器API上的shim.我們通常的做法是先檢查當前瀏覽器是否支持某個API,如果不支持的話就加載對應的polyfill.然后新舊瀏覽器就都可以使用這個API了.術語polyfill來自於一個家裝產品Polyfilla。

使用起來也非常方便~同上!

<!--[ifltIE9]>            
<script type="text/javascript" src="scripts/respond.js"></script>
<![endif]-->    
 
3.其他
        當然,這兩個只是我用到的兩個js插件,解決IE8以前,以及老瀏覽器不支持H5的解決方案還有很多。比如PIE.js等等。
有了這些承上啟下的東西,我就可以放心大膽的奔入h5的懷抱了。
        PS:博主是后端,知道的有點后知后覺。。。哈哈哈


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM