Новое в Chrome 61

Пит ЛеПейдж

  • Chrome 61 теперь поддерживает модули JavaScript изначально, унифицируя способ написания модульного JavaScript.
  • Теперь вы можете использовать navigator.share для запуска собственного диалогового окна общего доступа Android.
  • Появился API WebUSB , позволяющий веб-приложениям получать доступ к разрешенным пользователем USB-устройствам.
  • И это еще не все !

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

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

JavaScript-модули

Chrome 61 добавляет собственную поддержку модулей JavaScript через элемент <script type="module"> . Это позволяет Chrome параллельно извлекать гранулярные зависимости, используя кэширование, избегая дублирования на странице и гарантируя, что скрипт будет выполняться в правильном порядке.

<script type="module">
  import {addText} from './utils.js';
  addText('Modules are pretty cool.');
</script>

Эта стандартизированная модульная система унифицирует способ написания и отправки модульного JavaScript в веб-браузеры. В будущем та же система будет доступна в Node, что облегчит вам написание и развертывание изоморфного JavaScript.

Дополнительную информацию о модулях и аспектах JavaScript, на которые они влияют, можно получить по ссылкам ниже.

API веб-обмена

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

API Web Share, доступный сегодня в Chrome для Android, позволяет вам использовать собственные возможности обмена данными на устройстве пользователя, позволяя пользователю легко обмениваться текстом или ссылками с любым из установленных собственных приложений!

В будущем выпуске этот API также сможет делиться с установленными веб-приложениями. Чтобы использовать его, просто вызовите navigator.share с данными страницы, которой вы хотите поделиться, система сделает все остальное. 


navigator.share({
  title: document.title, text: 'Hello',
  url: window.location.href
}).then(() => {
  console.log('Successful share');
});

Ознакомьтесь с обновлением API WebShare от Пола, чтобы получить полную информацию и некоторые рекомендации, которым вам следует следовать.

Веб-USB

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

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

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

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

  • Теперь вы можете задать плавность прокрутки с помощью свойства CSS scroll-behavior .
  • Шестнадцатеричные значения цвета CSS теперь могут указывать альфа-прозрачность путем добавления цифр в конец строки.
  • С помощью API Visual Viewport можно получить доступ к относительным положениям содержимого экрана, что позволяет более непосредственно использовать сложные функции, такие как масштабирование с помощью жестов.

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

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

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