- Теперь вы можете создать свой собственный HTML-тег и повторно использовать веб-компоненты с помощью Custom Elements v1 .
- С помощью API BroadcastChannel проще отправлять сообщения между открытыми окнами или вкладками в одном источнике.
- Медиа-возможности стали лучше на Android, и теперь доступ к зарубежной выборке доступен в качестве пробной версии.
Я Пит ЛеПейдж , давайте углубимся и посмотрим, что нового для разработчиков в Chrome 54!
Пользовательские элементы v1
Сложные пользовательские интерфейсы часто требуют большого количества HTML. Большинство языков позволяют разработчикам создавать свои собственные компоненты, построенные на основе языковых примитивов, чтобы уменьшить подобную многословность. Но до сих пор создание повторно используемых компонентов в сети было затруднительно.
Пользовательские элементы позволяют создавать собственные HTML-теги и определять API и поведение нового элемента в JavaScript. В результате появился собственный для браузера способ создания повторно используемых и совместимых компонентов.
Chrome 54 обеспечивает поддержку новейшей спецификации пользовательских элементов V1 и будет продолжать поддерживать API V0 до тех пор, пока достаточное количество пользователей не перейдет на V1.
Ознакомьтесь с нашим руководством по пользовательским элементам и узнайте, как их можно использовать для создания повторно используемых веб-компонентов для вашего сайта или приложения.
API широковещательного канала
Пользователи настольных компьютеров нередко одновременно открывают несколько окон или вкладок, а некоторые сайты даже поощряют такое поведение, например веб-редакторы, которые открывают документы на своих вкладках.
Общение между этими вкладками может быть затруднено. BroadcastChannel API — это новый API обмена сообщениями «один ко многим» между окнами, вкладками, iframe, веб-работниками и сервис-работниками. Это позволяет сценариям устанавливать именованные каналы для отправки сообщений между контекстами просмотра одного и того же происхождения.
Другие ресурсы BroadcastChannel
requestFullScreen
Мультимедиа становится все более важной частью просмотра страниц.
В дополнение к пользовательскому жесту теперь вы можете использовать Element.requestFullScreen() для запуска полноэкранного режима после изменения ориентации экрана , что позволяет создавать более богатые возможности мультимедиа, включая поворот на весь экран.
Иностранная выборка
Представьте себе, что часто используемый источник, такой как поставщик API, служба веб-шрифтов или другая служба, имеет возможность развернуть своего собственного сервис-воркера.
Вместо того, чтобы всегда обращаться к сети, поставщик может реализовать свою собственную сетевую логику и использовать единый авторитетный экземпляр кэша для хранения своих ответов.
Теперь, благодаря внешней выборке, которая доступна в Chrome 54 в качестве пробной версии, это стало реальностью. Прочтите пост Джеффри, ссылка на который находится в комментариях ниже!
Закрытие
Это лишь некоторые изменения в Chrome 54 для разработчиков.
Ознакомьтесь с описанием для получения более подробной информации и ссылками на документацию и спецификации.
Да, и не забудьте посетить Chrome Dev Summit , мы будем транслировать его на YouTube 10 и 11 ноября.
Если вы хотите быть в курсе новостей Chrome и знать, что будет дальше, нажмите кнопку «Подписаться» вверху.
Меня зовут Пит ЛеПейдж, и как только выйдет Chrome 55, я буду здесь, чтобы рассказать вам, что нового в Chrome!