Новое в 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',
});

Подробную информацию можно найти в статье Сэма Ричарда « Более умные пользовательские свойства с новым API Houdini» на сайте web.dev.

Новые работники сферы услуг

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

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

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

У Джеффа есть все подробности в статье Fresher Service Workers, по умолчанию , включая некоторые важные сведения о том, как HTTP-кеш влияет на цикл обновления.

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

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

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

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

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


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

Пробная версия Origin для API Native File System запущена в Chrome 78 и, как ожидается, продлится до Chrome 80.

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

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

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

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

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

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

Chrome Dev Summit 2019

Не забудьте подключиться к Chrome Dev Summit 11 и 12 ноября, прямая трансляция будет на канале Chrome Developers на YouTube .


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

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

Подписаться

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

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