Новое в Chrome 56

Пит ЛеПейдж

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

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

Веб-API Bluetooth

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

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

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

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

position: sticky;

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

Chrome теперь поддерживает 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 в Твиттере и обязательно посмотрите видеоролики с саммита разработчиков Chrome , чтобы глубже погрузиться в некоторые удивительные возможности Chrome. команда работает.

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

Новое в Chrome «Пасхальное яйцо»

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

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