Js插件:-prefix-free
2013-03-15 22:20
183 查看
-khtml- Konqueror
-rim- RIM
-ms- Microsoft(IE)
-0- Opera
-moz- Mozilla(如Firefox)
-webkit- Webkit
没有私有前缀的,是W3C的标准.
你可以看到一组私有前缀,当然不完全,至少对于我来说,经常用到的也就是其中几个,但是就这样的话也使代码变得臃肿。
前段时间发现了一个比较好用的js插件,http://leaverou.github.com/prefixfree/prefixfree.min.js,引用之后,运行代码时,会自动为cs文件追加前缀,当然是在浏览器当中添加,而不是css文件。
可以看一下prefix项目的首页:http://leaverou.github.com/prefixfree/。
该页面上列出了
不支持@import-ed之类文件
不支持跨域链接样式
不支持filter
无前缀链接样式Chrome和Opera下部分不理
行内style无前缀值在IE和FireFox3.6以下不理,FireFox 3.6下的属性亦如此
浏览器支持
目标浏览器为IE9+, Opera 10+, Firefox 3.5+, Safari 4+ 和 Chrome。
* 总结:
1、旧版 IE 是不会获得前缀:如果你的 CSS 有 transform:rotate(10deg),这个 prefixfree.js 不会自动转换到 filter 或者添加
-ms- 前缀(有可能把布局弄垮)
2、如果游览器不支持 Javascript,CSS 代码不会得到前缀(有可能把布局弄垮,某些游览器需要前缀)
3、从好的方面来看,这款 JS 只有 5KB(gzipped 后2.5KB):2.5KBvs 重复的 CSS 代码
-rim- RIM
-ms- Microsoft(IE)
-0- Opera
-moz- Mozilla(如Firefox)
-webkit- Webkit
没有私有前缀的,是W3C的标准.
你可以看到一组私有前缀,当然不完全,至少对于我来说,经常用到的也就是其中几个,但是就这样的话也使代码变得臃肿。
前段时间发现了一个比较好用的js插件,http://leaverou.github.com/prefixfree/prefixfree.min.js,引用之后,运行代码时,会自动为cs文件追加前缀,当然是在浏览器当中添加,而不是css文件。
可以看一下prefix项目的首页:http://leaverou.github.com/prefixfree/。
该页面上列出了
prefixfree.js几个局限性的地方:
不支持@import-ed之类文件
不支持跨域链接样式
不支持filter
无前缀链接样式Chrome和Opera下部分不理
行内style无前缀值在IE和FireFox3.6以下不理,FireFox 3.6下的属性亦如此
浏览器支持
目标浏览器为IE9+, Opera 10+, Firefox 3.5+, Safari 4+ 和 Chrome。
* 总结:
1、旧版 IE 是不会获得前缀:如果你的 CSS 有 transform:rotate(10deg),这个 prefixfree.js 不会自动转换到 filter 或者添加
-ms- 前缀(有可能把布局弄垮)
2、如果游览器不支持 Javascript,CSS 代码不会得到前缀(有可能把布局弄垮,某些游览器需要前缀)
3、从好的方面来看,这款 JS 只有 5KB(gzipped 后2.5KB):2.5KBvs 重复的 CSS 代码
相关文章推荐
- Js插件:-prefix-free
- 免写前缀JS包--prefixfree.min.js--插件
- prefixfree.min.js插件的了解
- CSS3免写前缀兼容各大浏览器的JS插件——prefixfree.min.js
- 另外一款超棒的响应式布局jQuery插件 – Freetile.js
- 超棒的响应式布局jQuery插件Freetile.js
- CSS3无前缀脚本prefixfree.js及Animatable介绍
- prefixfree.js和依托应用之Animatable
- CSS3无前缀脚本prefixfree.js/Animatable
- prefixfree.js_无前缀脚本
- 超棒的响应式布局jQuery插件Freetile.js
- html5+css3学习笔记-prefixfree前缀补全插件
- CSS3无前缀脚本prefixfree.js及Animatable介绍
- css3动画引入prefixfree.js的优缺点
- 另外一款超棒的响应式布局jQuery插件 - Freetile.js
- CSS3无前缀脚本prefixfree.js及Animatable介绍
- 另外一款超棒的响应式布局jQuery插件 - Freetile.js
- 一个可以自动生成CSS样式前缀的脚本---Prefixfree.js
- CSS3无前缀脚本prefixfree.js与Animatable使用