Есть ли среда, которая реализует спецификацию новых пользовательских элементов?

Question

В какой-то момент в прошлом была выпущена новая версия пользовательских элементов (не уверен, когда, поскольку я еще не использовал spec на некоторое время). Есть ли полипол или среда, которая реализует спецификацию новых пользовательских элементов?

Причина, о которой я прошу, заключается в том, что я буду говорить в пятницу о спецификациях веб-компонентов, и это вряд ли поможет поговорить без демонстраций, но из того, что я вижу, все браузеры и полиполки по-прежнему реализуют старые спекуляция Глядя на веб-архив, я вижу, что новая спецификация существует в течение как минимум нескольких месяцев, поэтому я ожидаю, что она будет реализована, по крайней мере, где-нибудь.

Answer 1

Обновление: теперь он запускается в Chrome v54 + и Opera v41 + без флага.

В противном случае вы можете использовать polyfill от WebReflection для 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>