2014-01-17 84 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%