Новое в Chrome 88

Пит ЛеПейдж

Chrome 88 уже начинает распространяться в стабильной версии.

Вот что вам нужно знать:

  • Теперь вы можете загрузить расширения, используя Manifest V3 в Chrome Web Store.
  • Свойство CSS « aspect-ratio позволяет легко задать соотношение сторон для любого элемента.
  • Chrome 88 будет существенно ограничивать связанные таймеры JavaScript для скрытых страниц в определенных условиях.
  • Теперь вы можете использовать Play Billing в своей доверенной веб-активности.
  • Все видео с Chrome Dev Summit опубликованы.
  • И это еще не все .

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

Манифест V3

Chrome 88 теперь поддерживает расширения, созданные с помощью Manifest V3, и вы можете загрузить их в Chrome Web Store. Manifest V3 — это новая платформа расширений, которая делает расширения Chrome более безопасными, производительными и уважающими конфиденциальность по умолчанию.

Например, он запрещает удаленно размещенный код, что помогает рецензентам Chrome Web Store лучше понять, какие риски несет расширение. И должно позволить вам быстрее обновлять расширения.

Он представляет service workers в качестве замены фоновым страницам. Поскольку service workers находятся в памяти только при необходимости, расширения будут использовать меньше системных ресурсов.

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

Подробную информацию и инструкции по переносу текущего расширения на Manifest V3 см. на сайте developer.chrome.com.


aspect-ratio CSS

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

<!-- Height is auto-computed from width & aspect ratio -->
<img src="..." style="width: 800px;">

В Chrome 88 свойство aspect-ratio позволяет явно указать соотношение сторон, обеспечивая аналогичное поведение.

.square {
  aspect-ratio: 1 / 1;
}

Вы также можете использовать прогрессивное улучшение, чтобы проверить, поддерживается ли оно в браузере, и применить откат, если необходимо. Затем, с новым селектором CSS 4 not , вы можете сделать свой код немного чище!

.square {
  aspect-ratio: 1 / 1;
}

@supports not (aspect-ratio: 1 / 1) {
  .square {
    height: 4rem;
    width: 4rem;
  }
}

Спасибо Джен Симмонс за то, что она отметила, что эта функция поддерживается в последней версии Safari Technical Preview, так что скоро мы увидим ее в Safari! А чтобы увидеть ее в действии, посмотрите демонстрацию Уны .

Сильное регулирование связанных таймеров JS

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

Это было довольно перегружено жаргонизмами и немного двусмысленно, поэтому ознакомьтесь со статьей Джейка «Интенсивное регулирование связанных таймеров JS, начиная с Chrome 88», чтобы узнать все подробности.

Play Billing в Trusted Web Activity

Теперь вы можете использовать Play Billing в своей Trusted Web Activity для продажи цифровых товаров и подписок с помощью нового API Digital Goods. Он доступен в качестве пробной версии origin в Chrome 88 на Android, и мы ожидаем, что в следующем выпуске он расширит пробную версию origin на ChromeOS.

После настройки учетных записей обновите Trusted Web Activity, чтобы включить выставление счетов Play, и создайте свои цифровые товары в Play Developer Console. Затем в PWA добавьте свой пробный токен origin, и вы будете готовы добавить код для проверки существующих покупок, запроса доступных покупок и совершения новых покупок.

// Get list of potential digital goods

const itemService =
  await window.getDigitalGoodsService("https://play.google.com/billing");

const details =
  await itemService.getDetails(['ripe_bananas', 'walnuts', 'pecans' ]);

Адриана и Андре более подробно расскажут об этом в своем докладе на Chrome Dev Summit — Что нового для веб-приложений в Play , или ознакомьтесь с документацией .

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

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

  • Чтобы соответствовать изменениям в стандарте HTML, теги привязки с target="_blank" теперь по умолчанию подразумевают rel="noopener" , что помогает предотвратить атаки с переходом на вкладку.
  • Большинство операционных систем по умолчанию включают ускорение мыши, но это может быть проблемой для некоторых игр. В Chrome 88 API Pointer Lock позволяет отключить ускорение мыши . Это означает, что одно и то же физическое движение, медленное или быстрое, приводит к одному и тому же вращению, обеспечивая лучший игровой опыт и более высокую точность.
  • И addEventListener теперь принимает сигнал об прерывании в качестве опции . Вызов abort() удаляет этого слушателя событий, позволяя легко закрыть слушателей событий, когда больше не нужно.

Дальнейшее чтение

Это охватывает только некоторые из основных моментов. Проверьте ссылки ниже для дополнительных изменений в Chrome 88.

Подписаться

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

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