是否有任何實現新的自定義元素規範的環境？

Question

自定義元素的新版本在過去的某個時間點已經發布（不確定何時，因爲我沒有直接使用規範一段時間）。有沒有實現新的自定義元素規範的polyfill或環境？

我想問的原因是週五我會講一個關於Web組件規範的討論，如果沒有演示就不會說話，但是從我所看到的所有瀏覽器和polyfill仍然實現舊的規範。看看Web檔案，我可以看到新規範已經存在了至少幾個月，所以我希望它至少在某個地方實施。

Answer 1

更新：現在它運行在Chrome v54 +和Opera v41 +上，不需要標誌。

否則，您可以使用來自WebReflection的polyfill作爲IE11/Firefox/Chrome。

介紹發生了什麼變化here。

---

Custom Elements v1規範自Chrome v53起可用。這是一個本地實現。

注：你必須有一個標誌運行它來激活該功能：

> chrome --enable-blink-features=CustomElementsV1 

您可以在添加快捷方式的標誌，如果你想要的。

PS：我推薦使用最新版本（Canary），因爲實現被定期更新。

---

運行實例：

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

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