Новое в Chrome 57

Пит ЛеПейдж

  • В Chrome 57 добавлена ​​поддержка display: grid — новой спецификации CSS Grid Layout.
  • Теперь вы можете настраивать и реагировать на действия пользователя на экране блокировки и уведомлениях с помощью нового API Media Session .
  • И их гораздо больше !

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

Макет сетки CSS

Flexbox — мощный инструмент макета. Он делает возможным множество сложных макетов, но может выполнять макет только в одном измерении. Chrome 57 добавляет поддержку display: grid — новой спецификации CSS Grid Layout , добавляя мощный новый инструмент для создания систем макетов на основе двухмерной сетки, оптимизированных для адаптивного дизайна пользовательского интерфейса.

Элементы в сетке могут охватывать несколько столбцов или строк. Регионы в сетке CSS также могут быть названы, что упрощает понимание кода макета.

У Surma есть пост с обновлениями на эту тему, а когда вы будете готовы погрузиться в тему глубже, посетите сайт Рейчел Эндрю : GridByExample.com .

API медиа-сессии

Одной из недостающих функций веб-медиа-приложений была возможность глубокой интеграции с основным медиа-опытом на мобильных устройствах. В Chrome для Android теперь можно настраивать экран блокировки и уведомления с медиа-контентом с помощью нового API Media Session .

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

Если вы хотите быстро приступить к работе, у Франсуа есть отличная статья в разделе «Обновления» или ознакомьтесь с официальным репозиторием примеров медиа-сессий Chrome на GitHub.

И многое другое!

И это еще не все!

  • В API запроса платежей внесены некоторые улучшения .
  • Вы можете указать цвет курсора ввода текста с помощью свойства caret-color .
  • Визуальные эффекты, такие как цвет и стиль линии, можно задать с помощью новых свойств text-decoration .
  • Класс Fetch API Response теперь поддерживает атрибут .redirected , чтобы помочь избежать ненадежных ответов и снизить риск открытых перенаправлений.
  • Все глобальные псевдонимы IndexedDB с префиксом -webkit- были удалены после их устаревания в M38.
  • И один из моих любимых — новые методы форматирования padStart и padEnd , которые упрощают заполнение строк при выравнивании вывода консоли или печати чисел с фиксированным количеством цифр.

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

Привет Игалии

Наконец, большой привет инженерам и команде Igalia за их потрясающую работу над Blink. Они сыграли ключевую роль в запуске новых функций CSS Grid и caret-color .

Оставайтесь в курсе событий

Если вы хотите быть в курсе новостей Chrome и знать, что будет дальше, обязательно подпишитесь на наш канал или следите за @ChromiumDev в Twitter. И обязательно посмотрите видео с Chrome Dev Summit, чтобы глубже погрузиться в некоторые из потрясающих вещей, над которыми работает команда Chrome.

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