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

【问题标题】：Unable to create custom element when extending built-in element in Chrome 54在 Chrome 54 中扩展内置元素时无法创建自定义元素
【发布时间】：2017-03-11 22:11:51
【问题描述】：

从 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

谢谢。

【问题讨论】：

您遇到错误了吗？
没有错误。只是“超级元素”输出。

标签： javascript google-chrome web-component custom-element

【解决方案1】：

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

没错。

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

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

另请参阅 SO 回答 here for a workaround。

使用 Chrome 67 更新

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

【讨论】：