Новое в Chrome 58

Пит ЛеПейдж

  • Стандарт 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() .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

,

Пит ЛеПейдж

  • Стандарт 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() .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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