在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

  

也许v1规范的这一部分仍在不断变化。

Exactely。

自定义内置元素尚未在Blink，Chrome＆amp; Opera HTML渲染引擎。

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

另见SO回答here for a workaround。

使用Chrome 67进行更新

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