javascript - 在 Chrome 54 中扩展内置元素时无法创建自定义元素

Question

从 Chrome 54 中的内置元素扩展时，我无法创建自定义元素。

据我所知，此功能有 shipped 。我有什么遗漏的吗？也许 v1 规范的这一部分仍在不断变化。

<super-element>Super Element</super-element>
<button is="super-button">Super Button</button>

<script>
    customElements.define('super-element', class extends HTMLElement {
        constructor() {
            super();
            console.log('Super Element');
        }
    });  

    customElements.define('super-button', class extends HTMLButtonElement {
        constructor() {
            super();
            console.log('Super Button');
        }
    }, {extends: 'button'});       
</script>

// Output: Super Element

谢谢。

Answer 1

Perhaps this portion of the v1 spec is still in flux.

完全正确。

自定义内置元素尚未在 Chrome 和 Opera HTML 渲染引擎 Blink 中实现。

看看"Launch"和 "Implement" Chromium 项目跟踪器中的错误。

另请参阅答案 here for a workaround .

使用 Chrome 67 进行更新

现在它适用于 Chrome 版本 67 及更高版本。