2014-01-17 79 views
2

我得到了一个CSS文件,它有很多厂商前缀(-webkit -moz等)。如何删除供应商前缀

而那些厂商前缀使文件更大。

所以我想用prefix-free代替。

是否有任何工具或技巧可轻松删除供应商前缀?

+1

在您的文本编辑器中查找和替换?但是我们在谈论多大?它可能会没有什么区别。 –

+2

删除之前,你应该知道它为什么在那里:) [浏览器兼容性] – swapnesh

+0

我确定知道它为什么在那里。使用prefixfree.js将使css更易于维护。顺便说一下,我的网站的访问者的一部分仍然使用4 mbps速度的网络。 –

回答

0

This javascript function我在github上托管了你正在寻找的东西。
var t = DeVendorCSS("transform")例如在没有“变换”支持的情况下返回webkit浏览器,但具有前缀支持,用于内联CSS规则(例如e.style[t[1]]="translateY(5px)")的数组["webkit", "webkitTransform", "-webkit-transform"]。实际值“translateY”必须兼容跨供应商才能在此示例中工作(尽管如此,如果没有,请使用t [0]给出的供应商ID)。

3

Autoprefixer的一个很好的功能是它也可以从CSS中删除不需要的前缀。你可以在这里在线尝试:

http://autoprefixer.github.io/

在底部移除(几乎)所有前缀,类型last 1 version在“过滤器”文本框。

+1

要删除所有前缀,您可以将“过滤器”文本框留空。 –

2

每@Sphinxxx,above

以除去(几乎)的所有前缀在[Autoprefixer] '过滤器'文本框

如上所述键入last 1 version,这种解决方案是仅差不多正确。要删除全部前缀,您应该将'Filter'改为>100%