讓網站支持老版本IE6、7、8、9瀏覽器的3種解決方案
發(fā)布時間：2014-04-17 11:06:19 作者：佚名 
我要評論
我要評論在剛發(fā)布的那幾年,Internet Explorer 瀏覽器是快速進步的。隨著微軟在很長一段時間內不再更新,Internet Explorer就成為了妨礙我們生存的禍害
雖然后來微軟對瀏覽器進行了大量的研發(fā),但事實是現代IE瀏覽器在大多數時候比基于webkit的瀏覽器以及火狐要落后一些。我們也還需要適配早期版本的IE。下面的方法會讓你的網站更快,甚至在微軟旗艦瀏覽器上奇跡般地運行得更好!
htmlshiv.js
Remy的 HTML5shiv通過JavaScript 來創(chuàng)建HTML5元素(如 main, header, footer等).在某種程度上通過JavaScript 創(chuàng)建的元素是 styleable(可樣式)的。我們可以花很多時間來思考其運行原理,但誰會在乎呢?這種策略在所有產品網站上仍然是必須使用的.
<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->
selectivizr.js
Selectivizr.js 是一個不可思議的資源,用于填充不支持的CSS選擇器和屬性,包括重要的 last-child。在最近的重設計中,我嵌入了 selectivizr,并在更老的 IE 瀏覽器上也不會錯過任何細節(jié)。下面是我的實現代碼:
<!--[if lte IE 8]><script src="js/libs/selectivizr.js"></script><![endif]-->
現代項目絕對必須的。只在老IE時才加載
<html> Conditional Comments
下面這樣最土的情況你肯定看到過。但無論丑陋與否,事實上這段代碼完全按預期的方式運行:
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9" lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
這個代碼片段不需要或等待JavaScript,而且也不需要重量級的JavaScript庫。你定義的styles類立即生效,還沒有閃屏。
盡管 Internet Explorer 正在迎頭趕上競爭對手,但事實上老的IE瀏覽器仍然比較流行,特別是在發(fā)展中國家。好消息是,這些資源在所有現代瀏覽器上運行良好,代價也并不高!
htmlshiv.js
Remy的 HTML5shiv通過JavaScript 來創(chuàng)建HTML5元素(如 main, header, footer等).在某種程度上通過JavaScript 創(chuàng)建的元素是 styleable(可樣式)的。我們可以花很多時間來思考其運行原理,但誰會在乎呢?這種策略在所有產品網站上仍然是必須使用的.
復制代碼
代碼如下:<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->
selectivizr.js
Selectivizr.js 是一個不可思議的資源,用于填充不支持的CSS選擇器和屬性,包括重要的 last-child。在最近的重設計中,我嵌入了 selectivizr,并在更老的 IE 瀏覽器上也不會錯過任何細節(jié)。下面是我的實現代碼:
復制代碼
代碼如下:<!--[if lte IE 8]><script src="js/libs/selectivizr.js"></script><![endif]-->
現代項目絕對必須的。只在老IE時才加載
<html> Conditional Comments
下面這樣最土的情況你肯定看到過。但無論丑陋與否,事實上這段代碼完全按預期的方式運行:
復制代碼
代碼如下:<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9" lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
這個代碼片段不需要或等待JavaScript,而且也不需要重量級的JavaScript庫。你定義的styles類立即生效,還沒有閃屏。
盡管 Internet Explorer 正在迎頭趕上競爭對手,但事實上老的IE瀏覽器仍然比較流行,特別是在發(fā)展中國家。好消息是,這些資源在所有現代瀏覽器上運行良好,代價也并不高!
相關文章
今天的文章，我們將分享15個可以學習編程的網站，這些網站上提供了很多編程教程，圖書以及編程練習，希望對你有用2024-11-02- 這篇文章主要介紹了web開發(fā)中的長度單位主要包括px,pt，em等,需要的朋友可以參考下2023-08-06
- px單位是絕對單位，一般用于pc端網頁開發(fā),因為是絕對單位所以在移動端上的使用體驗并不是很好,rem它是描述相對于當前根元素字體尺寸，是相對單位,它可以根據根元素的變換而2023-08-06
WEB前端優(yōu)化必備js/css壓縮工具YUI-compressor詳解與集成用法
壓縮工具層次不窮，各有優(yōu)點，選擇適合的壓縮工具為將來做項目開發(fā)使用是一件很重要的事情！！在這介紹YUI-compressor,需要的朋友可以參考下2023-06-21- 瀏覽器是多進程的，有瀏覽器主進程，網絡進程，渲染進程，插件進程等，在將html，css，javascript解析成一個頁面的時候，就需要多個進程的分工合作2023-05-01
- 本文為大家整理了常用的文件對應的MIME類型，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-04-25
postman中form-data、x-www-form-urlencoded、raw、binary的區(qū)別介紹
這篇文章介紹了postman中form-data、x-www-form-urlencoded、raw、binary的區(qū)別，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-12-28- 國際組織制定了可以容納世界上所有文字和符號的字符編碼方案，稱為Unicode，是通用字符集Universal Character Set的縮寫，用以滿足跨語言、跨平臺進行文本轉換、處理的要求2021-11-27
- 這篇文章主要介紹了前端實現字符串GBK與GB2312的編解碼(小結)，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2020-12-02
這篇文章主要介紹了告別硬編碼讓你的前端表格自動計算,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-09-27
