Новое в 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!