Новое в Chrome 88

Пит ЛеПейдж

Chrome 88 уже начинает выпускаться в стабильную версию.

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

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

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

Манифест V3

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

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

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

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

Посетите сайт Developer.chrome.com , чтобы получить полную информацию и узнать, как перенести текущее расширение на Manifest V3.


Свойство 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, поэтому мы скоро увидим ее в Safari! И посмотрите демо-версию Уны , чтобы увидеть это в действии.

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

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

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

Платежи Play в Доверенной веб-активности

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

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

// 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.

Подписаться

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

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