Question

过去某个时候已经发布了新版本的自定义元素（不确定何时，因为我暂时没有直接使用该规范）。是否有任何polyfill或环境实现新的自定义元素规范？

我要问的原因是，我将在星期五就网络组件规范发表演讲，如果没有演示，我很难做出谈话，但从我看到的所有浏览器和polyfill仍然实现旧规范。看看网络存档我可以看到新的规范已经存在至少几个月，所以我希望它至少可以在某个地方实现。

Answer 1

更新：现在它在Chrome v54 +和Opera v41 +中运行，无需标记。

否则，您可以使用来自WebReflection的polyfill for IE11 / Firefox / Chrome。

介绍已更改的内容here。

自Chrome v53起，我就可以使用Custom Elements v1规范。这是一个原生实现。

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

> 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>

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

1 个答案: