为什么无法在Chrome扩展程序中创建自定义元素？

Question

我尝试在Chrome扩展程序中创建自定义元素，但customeElements.define为null。

customElements.define('customElement', class extends HTMLElement {
    constructor() {
        super();
    }
    ...
});

显然，Chrome不希望扩展程序来创建自定义元素。但为什么？这是安全隐患吗？

我似乎无法在Chrome的扩展程序指南中找到任何说明不允许的内容。

Answer 1

您可能需要先检查此article，以便完全了解自定义元素的作用以及如何构建它们。如上所述，在构建自定义元素时，您还需要检查document.registerElement是否可用。否则，您只需加载webcomponents.js即可填充它。

以下是您可能需要检查其他见解的其他参考资料。

• Custom Elements v1: Reusable Web Components。这里列举了有关创建自定义元素的规则。
• Registering a custom element from a chrome extension。这需要使用webcomponentsjs polyfill。 Chrome会阻止在Chrome扩展程序中执行原生registerElement。

Answer 2

到目前为止，custom element可以在chrome扩展UI中使用。在弹出ui中，选项页ui以及内容脚本中也是如此。 https://github.com/GoogleChromeLabs/ProjectVisBug-这是chrome扩展程序中的一大自定义元素。