В этой статье приведены некоторые технические подробности по разработке расширения ChromeIPass • RU.
Для лучшего понимания материала рекомендуется предварительно ознакомиться с общим обзором возможностей этого аддона и изучить Руководство пользователя (если вы ещё не сделали этого).

В этой статье:

• Основные отличия русской версии
• Некоторые технические детали
  • Исходный код, интерфейс и API
  • Дополнительные примечания по коду
• Ресурсы и ссылки по разработке

Основные отличия русской версии

В дополнение к функционалу оригинального аддона в русском форке сделано следующее:

• Полноценный русский перевод всего интерфейса, включая текст подсказок и сообщений.
• Авторизованный перевод "Руководства пользователя" на русский язык (отдельный файл Справки).

Технические детали

Ниже приведены некоторые технические подробности по исходному коду и отдельным функциям расширения.

Исходный код, интерфейс и API

Код использует только чистый JS (ES5), все неподдерживаемые в "старых" браузерах функции заменены на аналоги.

Для упрощения отрисовки интерфейса и попап-окон используются JQuery-based библиотеки.

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

Управление работой расширения и управление данными текущей вкладки доступно через попап-окно:

Для полей ввода управление также осуществляется через контекстное меню:

Блок настроек расширения, а также списки подключённых вами баз данных и правила для отдельных сайтов, отображаются на отдельной странице настроек (заданной в манифесте):

Все настройки автономны и сохраняются только в локальном хранилище самого аддона, синхронизации нет.

Для обработки полей ввода и, в частности, для автозаполнения учётных данных, используется автоматически загружаемый скрипт‑инжектор, обеспечивающий взаимодействие фонового процесса расширения с веб‑страницами. Скрипт отрабатывает на всех сайтах после окончания загрузки страницы (выполняется однократно).

Для вызова попапа при щелчке по кнопке на тулбаре применяется API chrome.browserAction. Для работы с данными через контекстное меню страницы задействуются API chrome.contextMenus.

Расширение имеет невыгружаемый фоновый процесс – это обусловлено самим принципом работы одного из API, используемых в аддоне – chrome.webRequest и его "блокирующей" части webRequestBlocking. Этот API отвечает за проверку http‑запросов и их обработку в соответствии с заданными вами правилами и настройками, независимо от того, открыто окно панели управления или нет.

Для работы со вкладками применяется стандартный API chrome.tabs с соответственным разрешением в манифесте права доступа [ "tabs" ].

Для хранения настроек и параметров аддона задействован API chrome.storage. Разрешение в манифесте права доступа к локальному хранилищу не указано, для хранения настроек расширению достаточно максимально допустимого лимита по умолчанию (5Mb).

Для помещения в буфер обмена данных для оперирования учётными записями запрашивается разрешение [ "clipboardWrite" ]. В частности, этот API используется при работе с генератором паролей KeePass.

Для обеспечения соединения аддона с локальными портами KeePassHTTP в манифесте запрашиваются разрешения [ "http://localhost/" , "http://localhost:19455/" ]. Второе разрешение указано для работы с портом по умолчанию (может быть изменён в настройках KeePass и расширения).

Для обеспечения корректной работы аддона с любыми веб-сайтами в манифесте запрашиваются разрешения [ "http://*/*" , "https://*/*" ].

Дополнительные примечания по коду

Практических ограничений по версии браузера не имеется, используемые API работают в версиях 29+.

Язык интерфейса, сообщений, меню, подсказок и описания – только русский (жёстко зашит в коде).

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

Ресурсы и ссылки по разработке ChromeIPass • RU

• ChromeIPass v.2.8.0 от 21.10.2016 – архив базовой версии расширения-прототипа русского форка
• CRX4Chrome: ChromeIPass – страница архива расширения-прототипа (выпилено из CWS в 2017 году)
• GitHub: PassiFox + ChromeIPass – каталог исходного проекта, документация, баг-трекер и т.д.
• GitHub: ChromeIPass – официальная документация по ChromeIPass [En]

  ---

• KeePass – официальный сайт программы KeePass
• Ru-Board: KeePass – тема на форуме по программе KeePass
• GitHub: KeePassHTTP – страница проекта официально рекомендованного плагина-коннектора к БД KeePass

  ---

• KeePass TestForm – официальная тестовая страница проекта для проверки работы менеджеров паролей

  ---

• Пароли в браузере : Сохранение и управление – тематическая подборка расширений