为 JavaScript API 接口添加前缀的方法？

【问题标题】：Method for prefixing JavaScript API Interfaces?为 JavaScript API 接口添加前缀的方法？
【发布时间】：2015-06-12 09:45:00
【问题描述】：

在 MutationObserver 的 MDN 文档中，兼容性表列出了对带有 -webkit 前缀的 Chrome 18 和 Safari 6 的基本支持。

这是浏览器内部的东西......还是有一种实际的方法来添加像MutationObserver() 这样的前缀？

我的假设是它并不像这样简单：

var observer = new -webkit-MutationObserver();

...但也许是？

【问题讨论】：

来自developers.google.com/web/updates/2012/02/… 我认为是内部的。

标签： javascript mutation-observers

【解决方案1】：

-webkit- 用于 CSS，因为 CSS 属性中可以包含 - 字符。在 JS 中，构造函数的前缀为 Webkit，属性的前缀通常为 webkit。

var observer = new WebkitMutationObserver();

通常这是用类似的东西来处理的

var MutationObserver = window.MutationObserver ||
        window.WebKitMutationObserver || window.MozMutationObserver;

var observer = new MutationObserver();

【讨论】：

太棒了！感谢您的信息。