Новое в 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 в манифесте вашего веб-приложения .

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

Улучшения изолированного 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!