用于“规范化”CSS的网站?

时间:2012-10-12 15:08:38

标签: html css cross-browser

我最近找到了Ultimate CSS Gradient Generator网站,可以在所有浏览器平台上轻松生成CSS渐变。它非常适合我想要的东西。但是,我还遇到了CSS的其他方面,需要多个声明才能跨浏览器兼容(即-webkit- *之类的东西)。使用多种浏览器类型进行开发是一件很痛苦的事。我更喜欢使用Firebug在Firefox中进行初始测试,然后显然将跨浏览器测试作为QA。

我的问题是,有没有人知道哪些网站会让我插入我现有的CSS(可能是Firefox或Safari或其他特定的)并让它通过适用于其他浏览器的特定于浏览器的声明来“标准化”它?比方说,我的CSS中有这样的东西:

-moz-border-radius: 2px;

我希望能够在整个地方插入一个包含这些声明的CSS文件,并让网站也添加类似的东西......

-webkit-border-radius: 2px;

(以及其他浏览器的等价物)

任何人都知道要完成此任务的工具或网站吗?它显然不会消除在发货之前进行大量跨浏览器测试的需要,但我认为这会显着缩短开发时间。

3 个答案:

答案 0 :(得分:2)

你可以尝试Lea Verou这个超级实用的javascript插件:Prefix Free

  

-prefix-free允许您在任何地方仅使用未加前缀的CSS属性。它在幕后工作,将当前浏览器的前缀添加到任何   CSS代码,仅在需要时才使用。

它可能需要更新,因为有时径向渐变不会在没有供应商前缀的情况下显示。但对于大多数常见属性,例如border-radiusbox-sizingbox-shadow等都很棒。

答案 1 :(得分:2)

Prefixr正是您要找的

答案 2 :(得分:1)

您在寻找http://prefixmycss.com/

吗?