了解跨浏览器兼容性

Question

我专注于服务器端开发已有几年了，现在我正在拓展客户端应用程序构建。

我必须说我发现很难让客户端应用程序在多个浏览器中看起来相同....

是否有任何不错的在线资源可以帮助更快学习跨浏览器兼容性原则......

Answer 1

对于HTML / CSS部分，我发现如果你遵循以下两条规则，事情通常会很好地解决：

• 编写符合标准的语义HTML。首先关注语义正确的文档结构，然后使用CSS按照您想要的方式进行布局。只有在您认为必须时才更改HTML。避免使用HTML和CSS难以理解的布局模式，如果必须，A List Apart包含大量关于这些内容的文章。
• 在所有浏览器中测试。如果您对Web开发很认真，那么您需要一堆测试设置;至少，我建议你准备好这些：Internet Explorer 6,7和9（这意味着你必须使用虚拟机，因为在同一个OS安装中无法真实地模拟不同的IE版本）; Firefox 3.6和7（或当前版本）;最新的谷歌浏览器;有点旧的铬或铬（我使用debian的铬）; Opera（因为它不与任何其他浏览器共享任何重要组件）。如果您买得起Mac，可以添加FF / Mac和Safari。如果你开发移动设备，你也需要对它们进行测试 - 至少是Android和iOS。

如果您必须支持较旧的Internet Explorer版本（7或者喘息，6），那么条件评论是您的朋友 - 我通常的策略是首先制作一个适用于所有其他浏览器的设计，然后添加一个或者条件注释中的更多特殊样式表（以便只有IE加载它们）才能“修复”这些破坏的浏览器的内容。

对于javascript部分，理所当然的事情是使用一个框架来抛弃各种不同的东西 - jQuery可能是目前最受欢迎的一个。