Javascript 如何使JS和CSS与IE、Firefox、Chrome、Safari兼容？

我们公司开发ERP和CRM，目前我们的产品支持IE和Firefox。现在我们想要支持Chrome、Safari甚至Opera。有没有介绍JS和CSS浏览器兼容性的综合材料？太棒了

是否有介绍浏览器的综合材料 JS和CSS的兼容性

)

“全面”可以在一夜之间改变，但有大量可用信息

---

如果您的产品适用于最新版本的Firefox，Chrome、Safari和Opera在大多数情况下都不会出现重大缺陷。如果您的标记无效，您使用的是许多特定于供应商的扩展，或者您使用的是尖端功能，则情况可能并非如此。

mozilla开发中心有一个很好的参考。每个条目都有关于浏览器兼容性的信息

---

为了快速概述，您还可以看一下（和），它为不同的功能提供了简单的表格列表。

我为前端编写代码已经有十五年了，随着时间的推移，在跨浏览器兼容性方面，情况似乎越来越好。我发现，如果我使用Firefox编写和测试我的代码，那么在Chrome、Opera、Safari上，几乎所有的东西都能完美地工作，而你最后唯一需要调试的就是MSIE。10年前，我会告诉你使用MSIE进行编码和测试，最后用Netscape调试你的代码

---

但是，如果你遵循这一点，你会发现让你所有的脚本和标记完全跨浏览器兼容是很容易的，完全没有bug。当然，进入IE9是一个完全不同的怪物。

我认为通过征服IE，你已经赢得了80%的战斗，剩下的将很容易。Madmartigan所说的事实是正确的。JavaScript开发人员将现代浏览器分为两大类，internetexplorer只在第一组中，其他所有浏览器都在另一组中。FF没什么问题，Chrome、Opera等99%没什么问题。只有很少的细微差别，但当你面对它们时（或者如果你愿意的话），你可以轻松地用谷歌搜索解决方案。这个表格已经过时了！Windows Phone支持媒体查询！太糟糕了，它曾经是一个巨大的资源。我将更新链接。@Ai_boy-可惜它在其他任何地方都不起作用，也不使用Windows phone。啊，在

天里，充满了

间隔符.gif

s和漫画SAN中的饱和

s。很高兴结束了。是的，你还记得那些日子。它们都是简单的日子，但交互是后端引入的一大难题，同时要保持所有内容完全跨浏览器兼容。我最伟大的成就之一是在mozilla支持iframe之前创建了一个虚拟iframe。工作非常出色，非常好，我也像现在使用AJAX一样使用它，它是当时的杀手。由于能够动态加载数据，创建了很棒的接口。我的老板仍然说“Java翻滚”。在这里显示一些支持：IE6中的PNG透明。哎呀！我所有的新代码都在IE6上运行，不过界面看起来很糟糕，因为我没有让它们与IE6 PNG bug兼容。是的PNG是个笑话，动画剪贴画就是它的所在。打开页面时播放音乐。。。我最喜欢的IE6错误之一是它提交

s的innerHTML，而不是

值。事实上，我仍然在使用我在为IE6编写代码时学到的许多“安全”黑客，我目前的大部分工作都可以在IE6中使用。现在，IE8是新的祸根。