Новое в Chrome 56

Пит ЛеПейдж

  • Теперь пользователи могут выбирать устройства Bluetooth Low Energy для подключения к веб-сайтам, использующим Web Bluetooth API .
  • position: sticky снова включен, что упрощает создание элементов, которые прокручиваются обычным образом до тех пор, пока не прилипнут к верхней части области просмотра.
  • А HTML5 по умолчанию включен для всех пользователей.

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

Веб-API Bluetooth

До сих пор пользователи, у которых есть устройства Bluetooth, были вынуждены устанавливать собственные приложения для связи с ними. С Chrome 56 пользователи могут выбирать близлежащие устройства Bluetooth Low Energy для предоставления веб-сайтам, использующим Web Bluetooth API .

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

Web Bluetooth API использует протокол GATT , который позволяет приложениям подключаться к таким устройствам, как лампочки, игрушки, пульсометры, светодиодные дисплеи и т. д., всего с помощью нескольких строк JavaScript . Web Bluetooth также можно комбинировать с физическими веб-маяками, чтобы еще больше упростить обнаружение близлежащих устройств.

У Франсуа есть замечательная статья об обновлениях , обязательно посмотрите несколько интересных демонстраций к ней.

position: sticky;

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

Chrome теперь поддерживает CSS position: sticky; — новый способ позиционирования элементов.

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

Просто установите position: sticky и задайте пороговое значение, при котором оно станет липким.

h3 {
  /* Element will be 'fixed' when it ... */
  position: sticky;
  /* ... is 10px from the top of the viewport */
  top: 10px;
}

У Пола Кинлана есть пост в разделе «Обновления» на эту тему.

HTML5 по умолчанию

В августе прошлого года мы объявили, что перейдем на HTML5 по умолчанию, чтобы предложить более безопасный и энергоэффективный опыт. Это изменение отключает Adobe Flash Player, если только нет указания пользователя, что он хочет Flash-контент на определенных сайтах, и в конечном итоге все сайты будут требовать разрешения пользователя для запуска Flash.

В Chrome 56 HTML5 по умолчанию включен для всех пользователей , что означает, что им будет предложено запускать Flash на сайтах, которые они никогда не посещали.

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

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

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

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

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

Новое пасхальное яйцо в Chrome

Если вы дочитали до этого места, то вы заслуживаете увидеть нарезку ляпов из New in Chrome 52 ! Мне казалось, что каждый раз, когда я открываю рот, мимо проезжает грузовик, пролетает вертолет, а машина сигналит.

О, и большое спасибо Эндрю за то, что одолжил мне свою рубашку! У меня случился небольшой сбой с гардеробом.