学习跨浏览器兼容性

Question

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

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

有什么像样的在线资源可以帮助更快地学习跨浏览器兼容性原则.

Answer 1

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

• 编写符合标准的语义HTML。首先关注语义上正确的文档结构，然后使用CSS以您想要的方式来布局它。只有当你觉得你必须改变HTML时，你才会改变它。避免使用HTML和CSS很难得到正确的布局模式，如果有必要，分开的单子包含大量关于这些内容的文章。
• 在所有浏览器中进行测试。如果您对web开发很认真，那么您需要大量的测试设置；至少，我建议您做好以下准备: Internet 6、7和9(这意味着您必须使用虚拟机，因为无法在相同的操作系统安装上真实地模拟不同的IE版本)；Firefox 3.6和7(或任何当前版本)；最近的Google Chrome；稍旧的Chrome或Chrome(我使用debian中的铬)；Opera (因为它不与任何其他浏览器共享任何重要组件)。如果你能负担得起一台Mac，可以在混合中添加FF/Mac和Safari。如果你为移动设备开发，你也需要在这些设备上进行测试--至少是安卓和iOS。

如果您必须支持较早的Internet版本(7或，gasp，6)，那么条件注释就是您的朋友--我通常的策略是先设计一个在所有其他浏览器上都能工作的样式，然后在条件注释中添加一个或多个特殊样式表(只有IE加载它们)，以“修复”这些损坏的浏览器。

对于javascript部分来说，明智的做法是使用一个框架来擦亮各种不同的特征-- jQuery可能是目前最流行的框架。