1. Web Bundles
Этот API предоставляет возможность объединения веб-сайта в один файл. Более того, этим файлом можно поделиться через любое средство (Bluetooth или Wi-Fi Direct), а также его можно запустить в автономном режиме.
Связанный элемент представляет собой файл с расширением .wbn. В нем находятся все HTML-страницы, CSS, изображения, видео и т. д.
Представьте, что вы используете веб-приложение для рисования на телефоне и замечаете, что скоро закончится память. Оставшееся место позволит использовать API Web Bundle для подключения веб-приложения для рисования к телефону.
Допустим, вы находитесь в компании друзей далеко от города, где нет интернета, а приложение все еще работает без помех. Отправив своему другу файл .wbn, вы предоставляете ему возможность также использовать приложение и рисовать.
Более подробную информацию можно найти здесь.
2. Periodic Background Sync
Periodic Background Sync позволяет веб-сайтам регистрировать задачи, которые должны запускаться сервис-воркером через определенные промежутки времени с подключением к сети.
До этого момента эта функция применялась только в нативных приложениях (AsyncTask и Thread для Android и т. д.).
Она используется для предварительного обновления содержимого пользовательской ленты и избавляет от необходимости добавлять кнопку обновления (например, Twitter выполняет обновление по запросу).
Этот API активно используется при низкой пропускной способности сети, плохом приеме или сбоях. Он уже доступен в Chrome 77.
Подробная информация находится здесь.
3. Web Share
Этот API предоставляет возможности общего доступа, свойственные только нативным приложениям. С его помощью можно делиться ссылками, текстом и файлами так же, как и в нативных приложениях.
Этот API также можно использовать при регистрации веб-приложений (PWA) для получения общих данных. Доступен с Chrome 68.
Здесь можно найти демо API Web Share.
4. Web Contact Picker
С помощью API Web Contact пользователи могут выбирать записи из списка контактов и делиться определенной информацией о выбранных записях на веб-сайте.
Здесь также используется лишь нативная функция для веб-приложений (получить доступ к списку контактов в Android можно с помощью Intent.ACTION_PICK).
Благодаря этому API веб-приложение предоставляет пользователям возможность выбора друга из списка контактов для интернет-звонков, отправки писем по электронной почте, звонков в Skype и т.д. Подробнее.
5. Wake Lock API
Мы встречаем множество нативных приложений, использующих функцию wake lock, чтобы устройство не переходило в спящий режим после определенного времени бездействия при использовании приложения.
Игры являются хорошим примером. Они не допускают ухода телефона в спящий режим, когда игра запущена.
Ранее эта функция была доступна только для нативных приложений. Теперь она появилась и в браузерах и может использоваться в веб-приложениях.
Более подробную информацию можно найти здесь.
6. getInstalledRelatedApps()
С помощью этого API можно проверить, установлена ли нативная версия приложения на устройстве. Подробнее.
7. Shape Detection API
С помощью этого API можно определять фигуры из браузера.
На данный момент он поддерживает обнаружение следующих элементов:
Лица: с помощью интерфейса FaceDetector этот API может обнаруживать лица на изображениях. Когда вы делаете снимок, браузер сообщает, кто находится на изображении. В большинстве социальных сетей, таких как FaceBook, функция распознавания лиц при загрузке изображения сообщает, кто именно из ваших друзей запечатлен на фото.
С помощью распознавания лиц можно выделить и увеличить лицо на изображении профиля. Помимо этого, с его помощью можно добавить такие наложения, как борода, солнечные очки, эмоджи (например, в Snapchat).
Штрих-коды: через интерфейс BarcodeDetector можно считывать штрих-коды из веб-приложений.
В магазинах продавец считывает штрих-код товара и выдает вам чек. Но теперь браузер может выступать в роли продавца, предоставляя возможность проверять цены прямо из веб-приложения!
Текст: обнаруживать тексты можно с помощью интерфейса TextDetector в API Shape Detection.
Эта функция открывает множество возможностей. С ее помощью веб-приложение можно использовать для обнаружения и перевода текстов на другой язык.
Более подробную информацию можно найти здесь.
Читайте также:
- Как исправить ошибки сертификатов в Node-приложениях при работе с SSL
- Не используйте for при переборе массивов
- Как создать GraphQL-сервер с запросами, мутациями и подписками
Перевод статьи Chidume Nnamdi ???: 7 New Chrome APIs You Should Know
