Новое в Chrome 78

Пит ЛеПейдж

Chrome 78 уже доступен!

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

API свойств и значений CSS

Переменные CSS, которые технически называются пользовательскими свойствами, — это здорово. Они позволяют вам определять и использовать ваши собственные свойства в CSS. Но пользовательские свойства — это не что иное, как простой поиск и замена.

html {
  --my-color: green;
}
.thing {
  color: var(--my-color);
}

Если вы использовали переменную для цвета, но присвоили URL-адрес в качестве значения, правило будет просто автоматически отменено. С помощью API свойств и значений CSS вы можете определить тип и резервное значение по умолчанию для своих пользовательских свойств.

html {
  --my-color: url(‘not-a-color'); // Oops, not a color!
}
.thing {
  color: var(--my-color);
}

Зарегистрировать свойство так же просто, как вызвать window.CSS.registerProperty() и указать имя свойства, которое вы определяете, тип свойства, если оно должно наследовать, и его начальное значение.

window.CSS.registerProperty({
  name: '--my-color',
  syntax: '<color>',
  inherits: false,
  initialValue: 'black',
});

Для получения полной информации ознакомьтесь с настраиваемыми свойствами Сэма Ричарда Smarter и новой статьей API Houdini на сайте web.dev.

Более свежие работники сферы обслуживания

Для сценариев Service Worker, импортированных с помощью importScripts() теперь выполняются побайтовые проверки. Раньше единственным способом заставить установленного сервисного работника принять изменения в импортированном скрипте было изменение URL-адреса импортированного скрипта, обычно либо путем добавления значения semver, либо хеша в URL-адрес.

importScripts('https://example.com/v1.1.0/index.js');
importScripts('https://example.com/index.abcd1234.js');

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

По умолчанию у Джеффа есть все подробности в сервисных работниках Fresher , включая некоторые важные сведения о том, как кэш HTTP влияет на цикл обновлений.

Новые испытания происхождения

Пробные версии Origin дают нам возможность проверить экспериментальные функции и API, а также дать вам возможность оставить отзыв об их удобстве использования и эффективности при более широком развертывании.

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

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

Дополнительную информацию о пробных версиях Origin можно найти в Руководстве по пробным версиям Origin для веб-разработчиков . Вы можете просмотреть список активных пробных версий Origin и подписаться на них на странице пробных версий Chrome Origin .


Собственная файловая система

Пробная версия Origin для API собственной файловой системы начинается в Chrome 78 и, как ожидается, будет работать в Chrome 80.

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

Я очень воодушевлен всеми новыми возможностями, которые это дает: больше не нужно «загружать» или «скачивать» файлы, с которыми я хочу работать. Прочтите мой пост о Native File System, чтобы узнать все подробности, включая код, демо-версию и то, как мы работаем над обеспечением безопасности пользователей.

СМС-приемник

Пробная версия Origin для API приемника SMS начинается в Chrome 78 и, как ожидается, будет работать в Chrome 80.

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

Эйдзи написал «Проверка телефонных номеров в Интернете с помощью API-интерфейса SMS-приемника» со всеми подробностями и о том, как подписаться на пробную версию Origin.

Саммит разработчиков Chrome 2019

Не забудьте подключиться к Chrome Dev Summit 11 и 12 ноября. Он будет транслироваться в прямом эфире на YouTube-канале разработчиков Chrome .


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

Это касается только некоторых ключевых моментов. Перейдите по ссылкам ниже, чтобы узнать о дополнительных изменениях в Chrome 78.

Подписаться

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

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