Примечание. Я пробую кое-что новое с последним видеовыпуском New In Chrome. Помимо публикации на YouTube, я опубликовал полностью аннотированную версию скрипта. Он включает в себя все соответствующие ссылки, которые я упомянул, и несколько других полезных ссылок. Оставляйте свои мысли в комментариях и дайте мне знать, если это будет полезно для вас!

Смотри на ютубе

Я Пит ЛеПейдж, давайте погрузимся и посмотрим, что нового для разработчиков в Chrome 54!

Пользовательские элементы v1

Сложные пользовательские интерфейсы часто требуют большого количества HTML. Большинство языков позволяют разработчикам создавать свои собственные компоненты, построенные поверх языковых примитивов, чтобы смягчить такое многословие. Но до сих пор создание повторно используемых компонентов в сети было затруднительно.

Пользовательские элементы позволяют создавать собственные пользовательские HTML-теги и определять API и поведение нового элемента в JavaScript. В результате появился встроенный в браузер способ создания повторно используемых интероперабельных компонентов.

Chrome 54 обеспечивает поддержку последних пользовательских элементов Спецификация V1 и будет продолжать поддерживать V0 API до тех пор, пока достаточное количество пользователей не перейдет на V1.

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

API широковещательного канала

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

Общение между этими вкладками может быть затруднено. BroadcastChannel API — это новый API для обмена сообщениями один ко многим между окнами, вкладками, фреймами, веб-воркерами и сервис-воркерами. Это позволяет сценариям устанавливать именованные каналы для отправки сообщений между контекстами просмотра одного и того же источника.

Другие BroadcastChannel ресурсы

requestFullScreen

Медиа становится все более важной частью работы в Интернете.

В дополнение к пользовательскому жесту теперь вы можете использовать Element.requestFullScreen() для запуска полноэкранного режима после изменения ориентации экрана — и позволяет создавать более богатые мультимедийные возможности, включая поворот в полноэкранный режим.

Иностранный выбор

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

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

Теперь, благодаря внешней выборке, которая доступна в Chrome 54 в качестве пробной версии, это стало реальностью. Ознакомьтесь с постом Джеффри, ссылка на который приведена в комментариях ниже!

Закрытие

Это лишь некоторые из изменений в Chrome 54 для разработчиков.

Проверьте описание для получения более подробной информации и ссылок на документацию и спецификации.

О, и не забудьте посетить Саммит разработчиков Chrome, мы будем транслировать его на YouTube 10 и 11 ноября.

Если вы хотите быть в курсе новостей Chrome и знать, что будет дальше, нажмите кнопку Подписаться наверху.

Меня зовут Пит ЛеПейдж, и как только выйдет Chrome 55, я буду здесь, чтобы рассказать вам, что нового в Chrome!

Подпишитесь на наш YouTube канал или на нашу RSS ленту

Первоначально опубликовано на сайте developers.google.com.