在现代Web开发中，浏览器兼容性是一个不可忽视的问题。随着Web技术的快速发展，新的标准和特性不断涌现，但并非所有浏览器都能及时支持这些新特性。本文将探讨一个具体案例，即如何利用Object.observe特性和polyfill来解决浏览器兼容性问题。
Object.observe是ECMAScript 7中引入的一个特性，它允许开发者监听对象属性的变化。这个特性在基于Blink的浏览器（如Chrome 36+和Opera 23+）中得到了支持，并且在Node.js 0.11.x版本以及io.js的第一个公开发行版中也得到了支持。简而言之，Object.observe能够通知应用程序对象的任何变化，如属性的添加、删除或更新等。
尽管Object.observe是一个非常有用的特性，但大多数浏览器仍然不支持它。为了解决这个问题，开发者通常会使用polyfill作为临时解决方案。Polyfill是一种用JavaScript编写的临时修复程序，它提供了一个特性的临时实现，这个特性可能在未来的某个时候被浏览器原生支持。
在寻找解决方案的过程中，偶然发现了一个优秀的GitHub仓库，由MaxArt2501创建。他编写了一个polyfill，允许立即使用Object.observe。他的描述很好地总结了这个问题：
Object.observe = (function () {
if (typeof Object.observe !== "function") {
// polyfill实现...
}
return Object.observe;
})();
这个polyfill非常容易使用，很快就将其运行起来了。包含了Bower包，然后开始观察游戏中的一个对象，该对象包含URL属性，如下所示：
Object.observe(current, function (changes) {
if (changes[1] !== undefined) {
console.log('Changes:', changes[1].name);
console.log('Old Val:', changes[1].oldValue);
}
});
最初，考虑自己编写一个轮询机制，每隔几秒钟检查属性是否发生变化。但是当发现了MaxArt的解决方案并且看到它有效时，停止了。既然已经有了一个有效的解决方案，何必浪费时间去重新发明轮子呢？
最初担心这会立即限制用户群体，这是在项目中添加新库时常见的问题。到目前为止，都是自己编写代码。只要它支持IE9+，就很高兴，而它确实支持。更好的是，它不会覆盖Chrome的原生实现。
支持的浏览器包括：
如往常一样，可以在GitHub账户上找到alpha版本的代码。每天都会更新一点，并计划在9月底之前完成一个5分钟的演示。如果发现了其他非常有用库，也很乐意听到。
此外，一定要查看Reddit上关于这种方法的优缺点的讨论。