如何使JS和CSS与IE,Firefox,Chrome和Safari兼容?

3
我们公司开发ERP和CRM,目前我们的产品支持IE和Firefox。现在,我们希望支持Chrome、Safari甚至是Opera浏览器。是否有任何综合材料介绍JS和CSS的浏览器兼容性?谢谢!

2
我认为您已经在战斗中赢得了80%的胜利,通过征服IE,剩下的部分将会很容易。 - Wesley Murch
2
事实上,Madmartigan所说的是正确的。JavaScript开发人员将现代浏览器分为两大类,第一组仅包括Internet Explorer,而所有其他浏览器则属于另一组。对于Firefox来说没问题的99%情况下在Chrome、Opera等浏览器中也没有问题。虽然存在一些微小的差异,但当你面对它们时(或者如果你面对它们),你可以很容易地通过谷歌搜索找到解决方案。 - Wh1T3h4Ck5
3个回答

1
有没有全面的资料介绍JS和CSS的浏览器兼容性?

http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(Cascading_Style_Sheets) http://html5test.com/
http://caniuse.com/

“全面”可能一夜之间就会改变,但有大量信息可供使用。

如果您的产品适用于最新版本的Firefox、Chrome、Safari和Opera,它们大多数时间都能正常工作。如果您的标记无效,使用了许多供应商特定的扩展或使用了尖端功能,则可能不是这种情况。


这个表格已经过时了!Windows Phone 已经支持媒体查询了!http://windowsteamblog.com/windows_phone/b/wpdev/archive/2011/03/22/targeting-mobile-optimized-css-at-windows-phone-7.aspx - obenjiro
太遗憾了,它曾经是一个很好的资源。我会更新链接。 - Tim M.
@Ai_boy - 很遗憾它在其他地方都不起作用,也没有人使用Windows手机。 - Rob

1

有一个非常好的CSS-JavaScript-参考资料,那就是Mozilla开发中心。每个条目都包含有关浏览器兼容性的信息。

如果您需要快速了解,您也可以查看caniuse.comCSSJavaScript),它提供了不同功能的简单表格列表。


1

我已经从事前端编程超过十五年了,随着时间的推移,跨浏览器兼容性似乎越来越好。我发现如果我使用Firefox编写和测试代码,几乎所有东西都可以在Chrome、Opera、Safari上无缝运行,唯一需要调试的是MSIE。10年前,我会告诉你使用MSIE编码和测试,并最终在Netscape中调试代码。

但是,如果你遵循这个方法,你会发现更容易使你的脚本和标记完全跨浏览器兼容,没有任何错误。当然,IE9是一个完全不同的怪物。


1
啊,那些充满着spacer.gif和饱和的Comic Sans字体的<table>时代。很高兴它已经结束了。 - Wesley Murch
嘿嘿嘿,是啊,你还记得那些日子。那时候很简单,但引入交互性却很麻烦,同时还要保持完全跨浏览器兼容。我的最大成就之一是在Mozilla支持iframe之前创建了一个虚拟iframe。效果非常好,以至于我也像我们现在使用AJAX一样经常使用它,它在当时非常出色。由于能够动态加载数据,所以创建了令人惊叹的界面。 - DoctorLouie
我的老板仍然说“Java Rollovers”。在这里支持一下:http://www.saveie6.com/。 - Wesley Murch
是的,PNG太慢了,动画图像才是王道。打开页面时播放音乐也很棒...... 我最喜欢的IE6错误之一是它会提交<button>元素的innerHTML而不是value属性。实际上,我仍在使用许多编写IE6时学到的“安全”技巧,而且我的大部分当前工作在IE6中可用。现在,IE8成为新的祸根。 - Wesley Murch
嗨,嵌入的MIDI和动画GIF!经典。即使在现代,我仍然看到一些公司网站采用这种设计风格,真是令人惊叹!是的,MIDI曾经很常见,试着以300波特率加载WAV文件吧!当然,我有点夸张了调制解调器的速度 :P - DoctorLouie
显示剩余2条评论

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接