javascript - 是否有任何环境可以实现新的自定义元素规范？

Question

过去某个时候发布了自定义元素的新版本(不确定是什么时候，因为我已经有一段时间没有直接使用该规范了)。是否有任何polyfill或环境可以实现新的自定义元素规范？

我问这个问题的原因是我将在周五就 Web 组件规范进行演讲，如果没有演示就很难进行演讲，但从我所看到的情况来看，所有浏览器和 Polyfill 仍然实现旧规范。查看网络文件，我可以看到新规范已经存在至少几个月了，所以我希望它至少能在某个地方实现。

Answer 1

2020 更新:现在它可以在 Chrome、Opera 和 Edge (Blink)、Firefox (Gecko) 以及部分 Safari (WebKit) 上运行。

否则你可以使用WebReflection中的polyfill适用于 IE11/Firefox/Chrome。

更改内容的介绍 here .

---

Custom Elements v1规范自 Chrome v53 起可用。这是一个 native 实现。

注意:您必须使用标志运行它才能激活该功能:

> chrome --enable-blink-features=CustomElementsV1

如果需要，您可以在快捷方式中添加该标志。

PS:我建议使用最后一个版本 ( Canary )，因为该实现会定期更新。

---

运行示例:

class CEv1 extends HTMLElement 
{
  constructor () 
  {
    super()
    console.log( "created this=", this )            
  }
  
  connectedCallback ()
  {
    this.innerHTML = "Hello V1!"
  }
} 
customElements.define( "test-v1", CEv1 )

<test-v1>Feature not activated</test-v1>