膩子腳本

膩子腳本(polyfill)指的是一段JavaScript代碼,可以賦予瀏覽器不曾有過的功能。
目前,幾乎全部CSS3和HTML5功能都有各自對應的膩子腳本,包括視頻回放和陰
影,從而讓那些老得走不動道兒的「老傢伙」們也能閃現青春的光芒。css

怎麼肯定是否須要某個膩子腳本呢?推薦你們使用Modernizr。Modernizr(http:// modernizr.com)是一個JavaScript文件,可以幫你檢測用戶瀏覽器對HTML5和CSS3 功能的支持狀況,而後爲頂級的標籤添加一組類,標明瀏覽器支持什麼功能。 另外,它還會設定一個JavaScript對象modernizr 的屬性,以便你經過JavaScript來 測試這些功能。Modernizr添加的類主要是爲CSS提供便利。html

如下給出一些有用的膩子腳本,供你們參考選用html5

  1. html5shiv.js(http://code.google.com/p/html5shiv):讓IE8 及更低版本的IE 識別section、 article、nav等HTML5元素。
  2. selectivizr(http://www.selectivizr.com):讓IE(6/7/8)支持::first-child等高級 CSS選擇符。
  3. IE9.js(http://code.google.com/p/ie7-js):修復從IE6 到IE9 的不少bug和缺損 功能。
  4. CSS3Pie(http://css3pie.com):讓IE6到IE9支持圓角、背景漸變、邊框圖片、盒 陰影、RGBa顏色等可視化的CSS3功能。
  5. Respond.js(https://github.com/scottjehl/respond)讓舊版本瀏覽器支持媒體查詢。
  6. -prefix-free (http://lea.verou.me/projects)爲須要廠商前綴的CSS3聲明添加前綴。
  7. borderBoxModel.js(https://github.com/albertogasparin/borderBoxModel):讓IE6和 IE7支持CSS3的box-sizing屬性。

這些膩子腳本都是我最經常使用的,它們對彌補Internet Explorer的不足和缺失尤爲有用。 css3

Paul Irish維護了一個完整的膩子腳本列表,地址爲:https://github.com/Modernizr/ Modernizr/wiki/HTML5-Cross-Browser-Polyfills。 git

相關文章
相關標籤/搜索