javascript - 如何处理损坏的浏览器？

Question

我有一个一般性问题。我正在用 JavaScript 编写我的第一个程序，在编写它们时，我遇到了一些奇怪的“浏览器损坏”问题。

在我的程序工作的几周内，我经常在不同的浏览器和计算机系统上测试该项目。在执行此操作时，我在特定版本的 Firefox 和 Chrome 上观察到奇怪的行为。在这两种情况下，程序在两种浏览器中都运行良好，然后突然我在一台计算机上的 Windows 上的 Firefox 中遇到了问题。经过一番研究后，我尝试更新浏览器，问题就消失了。我在 Linux 上的 Chrome 上也有同样的经历。它运行得很好，然后突然我在 Chrome 48 上遇到了问题。我在 Mac 和 Windows 上测试了该程序，一切都很好。然后我发现这台机器上的浏览器版本是54。所以我在我的Linux机器上更新到最新版本，问题就消失了。

我的问题:特定版本的浏览器发生这种情况是否正常？如果是，如果您正在处理更大的项目，如何处理？

编辑:从下面的答案中我发现我不清楚我的问题。这个问题实际上并不是关于跨浏览器兼容性，而是关于为什么程序在 chrome v47 中工作，但在 v48 中不起作用，然后在 v54 中再次工作。 Firefox 和其他浏览器也是如此。

Answer 1

您必须阅读有关跨浏览器兼容性的信息。每个浏览器可能对特定功能有不同的实现，甚至没有。对于 IE8 等较旧的浏览器以及更简单的 window.innerWidth不起作用。

jQuery可能会帮助你。它的库可以有效地为很多情况提供跨浏览器兼容性。测试浏览器是否支持某些功能的另一种方法是使用 Modernizr

您还可以通过 caniuse.com 等网站手动检查支持情况- 主要适用于 css 样式，也适用于 js