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