'正常化'CSS的網站？

我最近發現了Ultimate CSS Gradient Generator網站在所有瀏覽器平臺上輕鬆地生成CSS梯度。這對我所尋找的是完美的。不過，我也遇到了需要多個聲明才能跨瀏覽器兼容的CSS的其他方面（即類似-webkit- *）。開發使用多種瀏覽器類型是一種痛苦。我更喜歡在Firefox中使用Firebug進行初始測試，然後顯然通過QA進行跨瀏覽器測試。'正常化'CSS的網站？

我的問題是，是否有人知道哪些網站可以讓我插入現有的CSS（可能是Firefox或Safari或任何特定的CSS），並使用適合其他瀏覽器的特定瀏覽器聲明「標準化」？說，例如，我在我的CSS是這樣的：

-moz-border-radius: 2px;

我希望能夠插件，具有這些聲明得到處都是一個CSS文件，並有該網站還增加之類的東西...

-webkit-border-radius: 2px;

（和任何等同是在其他瀏覽器）

任何人都知道的工具或網站，將做到這一點的？這顯然不會消除在發貨之前進行大量的跨瀏覽器測試的需求，但我想可以大幅縮短開發時間。

來源

2012-10-12 Shadowman

Prefixr是你要找的

來源

2012-10-12 16:44:44 dgarbacz

您可以通過利·貝羅試試這個超級實用的javascript插件：Prefix Free

- 前綴，免費讓你使用只前綴的CSS屬性無處不在。它在幕後工作，只在需要時纔將當前瀏覽器的前綴添加到任何 CSS代碼中。

它可能需要更新，因爲有時徑向漸變不會顯示沒有供應商前綴。但對於最常見的屬性，如border-radius，box-sizing，box-shadow等是很大的。

來源

2012-10-12 15:10:20 Giona

什麼PrefixFree是切片面包以來最偉大的事情。只需在您的樣式表使用非前綴屬性，添加的插件，它會動態地添加取決於瀏覽器的前綴（如果它需要一個前綴的話）。我現在默認只在我的所有項目中包含這個插件。 – daGUY

我也是@daGUY，但我們仍然需要測試，因爲它沒有一些最新的功能，如'背景origin'和徑向漸變 – Giona

噢，當然，你還需要進行測試，但它仍然幫助很大手動對比自己將所有的前綴，並確保該值它們之間的所有比賽... – daGUY

您是否在尋找http://prefixmycss.com/

來源

2012-10-12 15:13:57 defau1t

'正常化'CSS的網站？

回答

相關問題