Новое в Chrome 70

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

И есть еще много всего !

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

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

Настольные прогрессивные веб-приложения для Windows и Linux

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

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

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

Подробную информацию см. в моем посте о настольных PWA .

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

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

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

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

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

Именованные workers

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

Без веб-воркеров

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

С веб-работниками

Основная тема
Никакого интенсивного выполнения 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 для разработчиков, но их, конечно же, гораздо больше.

Подписаться

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

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