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

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

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


javascript custom-element
person David Mulder    schedule 02.08.2016    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Обновление 2020: теперь оно работает в Chrome, Opera и Edge (Blink), Firefox (Gecko) и частично в Safari (WebKit).

В противном случае вы можете использовать полифилл из WebReflection для IE11/Firefox/Chrome.

Презентация изменений здесь.

Спецификация Custom Elements v1 доступна, начиная с Chrome v53. . Это нативная реализация.

Примечание. Вы должны запустить его с флагом, чтобы активировать функцию:

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

person Supersharp    schedule 02.08.2016
comment
Большое вам спасибо, я действительно проверял ночные выпуски Canary и Firefox, но я не думал о проверке флагов или чего-то подобного. - person David Mulder; 03.08.2016