前端開發之如何相容IE8等舊IE瀏覽器
阿新 • • 發佈:2019-02-09
最近一個採用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的支援。