- В Chrome 57 добавлена поддержка
display: grid— новой спецификации CSS Grid Layout. - Теперь вы можете настраивать и реагировать на ввод пользователя на экране блокировки и в уведомлениях, используя новый API сеанса мультимедиа .
- И есть еще много всего !
Я Пит ЛеПейдж , давайте углубимся и посмотрим, что нового для разработчиков в Chrome 57!
CSS-сетка
Flexbox — мощный инструмент верстки. Он делает возможным создание многих сложных макетов, но может выполнять макет только в одном измерении. В Chrome 57 добавлена поддержка display: grid — новая спецификация CSS Grid Layout , добавляющая новый мощный инструмент для создания двухмерных систем макетов на основе сетки, оптимизированных для разработки адаптивного пользовательского интерфейса.
Элементы внутри сетки могут охватывать несколько столбцов или строк. Области в сетке CSS также могут быть названы, что упрощает понимание кода макета.
У Surma есть пост об обновлениях , и когда вы будете готовы углубиться в него, посетите сайт Рэйчел Эндрю : GridByExample.com .
API медиасеанса
Одной из недостающих функций веб-медиа-приложений была возможность глубокой интеграции с основными мультимедийными возможностями мобильных устройств. В Chrome для Android теперь можно настроить экран блокировки и уведомления с мультимедийным контентом с помощью нового API сеанса мультимедиа .
Предоставляя браузеру метаданные о воспроизводимом контенте, вы можете создавать расширенные сообщения на экране блокировки, включающие такую информацию, как название, исполнитель, название альбома и обложка. Вы также можете прослушивать и реагировать на действия пользователя, предпринятые в самом уведомлении, например поиск или пропуск.
Если вы хотите быстро приступить к работе, у Франсуа есть отличный пост «Обновления» или посетите официальный репозиторий образцов медиа-сессий 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 в Твиттере. И обязательно посмотрите видеоролики с саммита разработчиков Chrome, чтобы глубже погрузиться в удивительные вещи, над которыми работает команда Chrome.
Меня зовут Пит ЛеПейдж, и как только выйдет Chrome 58, я буду здесь, чтобы рассказать вам, что нового в Chrome!