如何确保代码可在多个浏览器上正常工作？

Question

确保代码在多个浏览器中都能正常工作的过程是什么？最佳答案是什么？

Answer 1

避免前沿代码。

是的，我知道，你们很多人都会讨厌这个答案。如果你从未在大型企业环境中工作过，你会认为我是勒德分子。然而，我无法告诉你有多少次我收到的要求中专门列出了“禁止 HTML5”或“禁止 CSS3”元素，仅仅是因为客户对 IE6 的工作方式与其他浏览器完全一样持偏执态度。

显而易见的总体答案是测试，但我会更进一步。如果您担心在所有浏览器中 100% 运行，则必须定义您的标准。例如，如果您必须重新编码到 IE6，您是否需要担心模仿圆角，这在 IE6 及更低版本上始终是一个 hack？或者，客户是否会接受渐进的增强，例如对于黑暗时代的浏览器来说是方角，对于我们其他人来说是圆角？客户端是否指定了在并排拉出页面时无法区分的字体，或者他们是否了解浏览器使用不同的字体渲染引擎？是否可以只在 IE6 中工作，或者是否还必须支持怪异模式？使用屏幕阅读器（辅助功能）或不使用 CSS 或 Javascript 进行渲染怎么​​样？移动设备怎么样？对于我的上一个主要企业客户来说，所有这些都是有效且可衡量的问题。

我喜欢Adob​​e 的浏览器实验室作为我测试的第一道防线。然而，这只是我采取的众多步骤之一，包括通过不同网络代理的多个连接来连接多个操作系统上的多台物理计算机。您只是无法进行足够的测试......即使这样，随着网站的启动和成熟，您仍会发现错误。