JavaScript для глубокого обучения 2021 TensorFlow js Ббк

Часть IV • Резюме и заключительное слово
12.3.3. Развертывание в среде браузерного расширения, 
например Chrome Extension
Для некоторых работающих на стороне клиента приложений необходимо, чтобы 
ваше приложение могло работать на множестве различных веб­сайтов. Фреймворки 
создания браузерных расширений существуют для всех основных браузеров для на­
стольных компьютеров, в том числе Chrome, Safari и FireFox, помимо прочих. С по­
мощью этих фреймворков разработчики могут создавать расширения, меняющие или 
улучшающие впечатления пользователя от работы с браузером за счет добавления 
новых сценариев JavaScript или манипуляций с DOM сайтов.
А поскольку браузерные расширения работают поверх JavaScript и HTML в ме­
ханизме выполнения браузера, с TensorFlow.js в браузерном расширении можно 
делать то же, что и при обычном развертывании на веб­странице. Безопасность 
модели и защита персональных данных такие же, как и при развертывании на веб­
странице. Благодаря выполнению предсказания непосредственно в браузере данные 
пользователей находятся в относительной безопасности. Безопасность модели также 
аналогична таковой при развертывании на веб­странице.
В качестве иллюстрации возможностей браузерного расширения рассмотрим 
пример chrome­extension из репозитория tfjs­examples. Это расширение загружает 
модель MobileNetV2 и применяет ее к выбранным пользователям изображениям 
из Интернета. Установка и использование этого примера несколько отличаются от 
предыдущих примеров, поскольку речь идет о браузерном расширении, а не хости­
руемом сайте. Для этого примера необходим браузер Chrome
1
.
Во­первых, необходимо скачать данное расширение и произвести его сборку 
аналогично прочим примерам:
git clone https://github.com/tensorflow/tfjs-examples.git
cd tfjs-examples/chrome-extension
yarn
yarn build
После сборки расширения можно загрузить распакованное расширение в Chrome. 
Для этого необходимо перейти по адресу 
chrome://extensions
, включить 
Developer mode
(Режим разработчика) и нажать 
Load Unpacked
(Загрузить распакованные), как по­
казано на рис. 12.4, что приведет к отображению диалогового окна выбора файла, 
в котором нужно выбрать созданный внутри каталога 
chrome-extension
подкаталог 
dist
, содержащий 
manifest.json
.
После установки расширения можно приступить к классификации изображений 
в браузере. Для этого перейдите на какой­либо сайт с изображениями, например на 
страницу поиска изображений Google для ключевого слова 
tiger
. Затем щелкните 
правой кнопкой мыши на изображении, которое хотели бы классифицировать. 
Вы увидите пункт меню 
Classify Image with TensorFlow.js
(Классифицировать изобра­
жение с помощью TensorFlow.js). Выбор этого пункта меню приводит к тому, что 
расширение запускает для данного изображения модель MobileNet, после чего на­
кладывает поверх изображения соответствующий предсказанию текст (рис. 12.5).
1 
Последние версии Microsoft Edge также ограниченно поддерживают загрузку совместимых 
с несколькими браузерами расширений.

---