Javascript 现代浏览器的document.registerement

我们使用的是我们公司的一个库，代码在过去几年中没有更新。问题是我们使用的是

document.registerement

，它被

window.customElements.define

我们面临着android最新更新的向后兼容性问题，我们的代码在android应用程序的webview中不起作用。尽管它在移动网络浏览器和桌面浏览器上也能正常工作

您能为我提供一个功能，为现代浏览器定义

document.registerement

大概是这样的：

<script>
  if (!document.registerElement) {
    class MyCustomElement extends HTMLElement {}
    document.registerElement = (tagName, options) => {
      customElements.define(tagName, MyCustomElement, options);
      return MyCustomElement;
    }
  }
</script>

如果（！document.registerement）{
类MyCustomElement扩展HtmleElement{}
document.registerElement=（标记名，选项）=>{
定义（标记名、MyCustomElement、选项）；
返回MyCustomElement；
}
}

使用此'if（document.registerement）{`而不是

！

我也尝试了，但出现了错误。

未能在“CustomElementRegistry”上执行“define”：此构造函数已用于此注册表

。顺便说一句，如果浏览器中未定义它，则需要定义

注册表项

。在旧浏览器中，它已定义。以某种方式解决了重复的def初始化，但仍然是未在移动应用程序上显示结果的重写定义。使用此`if（document.registerement）{`而不是

！

我也尝试了，但出现了错误。

未能在“CustomElementRegistry”上执行“define”：此构造函数已用于此注册表

。顺便说一句，如果浏览器中未定义它，则需要定义

注册表项

。在旧浏览器中，它已定义。以某种方式解决了重复的def初始化，但仍然是未在移动应用程序上显示结果的覆盖定义。