博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
腻子脚本
阅读量:4696 次
发布时间:2019-06-09

本文共 1112 字,大约阅读时间需要 3 分钟。

腻子脚本(polyfill)指的是一段JavaScript代码,能够赋予浏览器未曾有过的功能。

目前,几乎所有CSS3和HTML5功能都有各自对应的腻子脚本,包括视频回放和阴
影,从而让那些老得走不动道儿的“老家伙”们也能闪现青春的光芒。

怎么确定是否需要某个腻子脚本呢?推荐大家使用Modernizr。Modernizr(http:// modernizr.com)是一个JavaScript文件,能够帮你检测用户浏览器对HTML5和CSS3 功能的支持情况,然后为顶级的标签添加一组类,标明浏览器支持什么功能。 另外,它还会设定一个JavaScript对象modernizr 的属性,以便你通过JavaScript来 测试这些功能。Modernizr添加的类主要是为CSS提供便利。

以下给出一些有用的腻子脚本,供大家参考选用

  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的不足和缺失尤其有用。

Paul Irish维护了一个完整的腻子脚本列表,地址为:https://github.com/Modernizr/ Modernizr/wiki/HTML5-Cross-Browser-Polyfills。

转载于:https://www.cnblogs.com/hailiang2013/p/3682935.html

你可能感兴趣的文章
第一次使用maven记录
查看>>
SharePoint服务器端对象模型 之 使用CAML进展数据查询
查看>>
Building Tablet PC Applications ROB JARRETT
查看>>
Adobe® Reader®.插件开发
查看>>
【POJ 3461】Oulipo
查看>>
Alpha 冲刺 (5/10)
查看>>
使用Siege进行WEB压力测试
查看>>
斑马为什么有条纹?
查看>>
android多层树形结构列表学习笔记
查看>>
Android_去掉EditText控件周围橙色高亮区域
查看>>
《构建之法》第一、二、十六章阅读笔记
查看>>
arrow:让Python的日期与时间变的更好
查看>>
(转)Excel的 OleDb 连接串的格式(连接Excel 2003-2013)
查看>>
Java并发编程
查看>>
Git Stash用法
查看>>
sql server 2008学习8 sql server存储和索引结构
查看>>
Jquery radio选中
查看>>
postgressql数据库中limit offset使用
查看>>
测试思想-集成测试 关于接口测试 Part 2
查看>>
php生成器使用总结
查看>>