Новое в Chrome 70

Пит ЛеПейдж

В Chrome 70 мы добавили поддержку:

И это еще не все !

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

Хотите полный список изменений? Ознакомьтесь со списком изменений в исходном репозитории Chromium .

Прогрессивные веб-приложения для ПК на Windows и Linux

Теперь пользователи могут устанавливать прогрессивные веб-приложения для ПК на Windows и Linux!

После установки они запускаются из меню «Пуск» и работают как все другие установленные приложения, без адресной строки или вкладок. Работники сервиса гарантируют, что они быстрые и надежные, а опыт работы с окнами приложений делает их похожими на любые другие установленные приложения.

Начало работы ничем не отличается от того, что вы уже делаете сегодня. Вся работа, которую вы проделали для вашего существующего Progressive Web App, по-прежнему применима! Если ваше приложение соответствует стандартным критериям PWA , Chrome запустит событие beforeinstallprompt . Сохраните событие; затем добавьте какой-нибудь пользовательский интерфейс (например, кнопку установки приложения), чтобы сообщить пользователю, что ваше приложение может быть установлено. Затем, когда пользователь нажмет кнопку, вызовите prompt() для сохраненного события; Chrome затем покажет пользователю приглашение. Если он нажмет кнопку «Добавить», Chrome добавит ваше PWA в его меню «Пуск» и на рабочий стол.

Подробную информацию смотрите в моей статье «PWA для настольных ПК» .

API управления учетными данными: учетные данные открытого ключа

API управления учетными данными делает вход в систему очень простым для пользователей. Он позволяет вашему сайту взаимодействовать с менеджером учетных данных браузера или федеративными службами учетных записей , такими как Google и Facebook, для входа.

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

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

Более подробную информацию можно найти в документации по API управления учетными данными или попробовать демоверсию WebAuthn , чтобы узнать, как начать работу!

Поименованные workers

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

Без WebWorkers

Основная тема
Выполняется много тяжелого JavaScript, что приводит к медленной и неустойчивой работе.

С WebWorkers

Основная тема
Отсутствие интенсивного JavaScript-кода обеспечивает быструю и плавную работу.
Веб-воркер
Выполняется много тяжелого JavaScript, не влияющего на основной поток.

В Chrome 70 у рабочих процессов теперь есть атрибут name , который указывается необязательным аргументом конструктора.

const url = '/scripts/my-worker.js';
const wNYC = new Worker(url, {name: 'NewYork'});
const oSF = {name: 'SanFrancisco'};
const wSF = new Worker(url, oSF);

Это позволяет различать выделенных воркеров по name когда у вас есть несколько воркеров с одинаковым URL. Вы также можете вывести имя в консоли DevTools, что значительно упрощает определение того, какой воркер вы отлаживаете!

Именование работников уже доступно в Firefox, Edge и Safari. Подробности смотрите в обсуждении на GitHub .

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

Это лишь некоторые из изменений в Chrome 70 для разработчиков, конечно, их гораздо больше.

Подписаться

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

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