1. 程式人生 > >前端開發之如何相容IE8等舊IE瀏覽器

前端開發之如何相容IE8等舊IE瀏覽器

    最近一個採用angular的前端專案需要相容IE8瀏覽器,為了相容這舊版本的IE瀏覽器,花費不少時間,先特將心得記錄如下。

    為了使不相容HTML5和CSS3新特性的IE等瀏覽器相容最新特性,其實已經有人寫了一些庫。

    1. html5shiv

html5shiv主要解決HTML5提出的新的元素不被IE6-8識別,這些新元素不能作為父節點包裹子元素,並且不能應用CSS樣式。讓CSS樣式應用在未知元素上只需執行 document.createElement(elementName)即可實現。html5shiv就是根據這個原理建立的。html5shiv入口

    2. Respond

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

    3. es5-shim和es5-sham

es5-shim和es5-sham使不支援es5api的瀏覽器支援es5 api。入口

    4. angular

要想支援IE8,angular只能使用1.2.x版本。1.3之後的版本,angular團隊已經放棄對IE8的支援。