Новое в Chrome 58

Pete LePage

• Стандарт IndexedDB 2.0 теперь полностью поддерживается в Chrome и включает новое управление схемами, методы массовых действий и более стандартизированную обработку сбоев.
• Прогрессивные веб-приложения становятся более захватывающими благодаря display: fullscreen .
• allow-top-navigation-by-user-activation дает изолированным iframes новые возможности
• И есть еще много всего !

Хотите полный список изменений? Ознакомьтесь со списком изменений исходного репозитория Chromium.

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

Индексированная БД 2.0

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

• Хранилища object и indexes теперь можно переименовывать на месте после рефакторинга.
• Двоичные ключи позволяют использовать более естественные ключи, не беспокоясь о потерях производительности.
• Извлечение данных упрощается с помощью методов getKey() , openKeyCursor() и continuePrimaryKey() .

А для массового восстановления целых наборов данных больше не требуется курсор с помощью getAll() и getAllKey() .

Полноэкранные прогрессивные веб-приложения

Когда прогрессивные веб-приложения запускаются с главного экрана Android, они запускаются в автономном режиме, подобном приложению, в котором омнибокс скрывается. Это помогает создать привлекательный пользовательский интерфейс и освобождает место на экране для контента.

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

Теперь вы можете сделать свое прогрессивное веб-приложение полностью захватывающим, установив display: fullscreen в манифесте вашего веб-приложения .

PWA запускается с главного экрана (слева), запускается с главного экрана в standalone режиме (посередине) и запускается с главного экрана в fullscreen режиме (справа).

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

Улучшения изолированного iframe

Chrome 58 теперь поддерживает новое ключевое слово песочницы iframe allow-top-navigation-by-user-activation .

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

И более!

И, конечно же, есть еще много чего.

• Попрощайтесь со взломом clearfix . Вместо ручного сброса нескольких свойств макета, таких как float иclear, теперь вы можете добавить новый контекст форматирования блока, используя display: flow-root .
• PointerEvents.getCoalescedEvents() позволяет получить доступ ко всем событиям ввода с момента последней доставки PointerEvent . Идеально подходит, когда вам нужна точная история баллов для таких вещей, как приложения для рисования.
• А Workers и SharedWorkers теперь можно создавать с использованием data: URL-адресов, что делает разработку с Workers более безопасной, предоставляя им непрозрачное происхождение.

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

Если вам понравилось это видео, посмотрите новую серию видеороликов «Дизайнер против разработчика» , в которой делается попытка решить проблемы, возникающие при совместной работе дизайнеров и разработчиков.

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

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