options_ui

"options_ui": {
  "page": "options/options.html"
}

Используйте ключ options_ui для определения страницы настроек (страница настроек) для вашего расширения.

Страница настроек содержит параметры расширения. Пользователь может получить к ней доступ в менеджере дополнений браузера, а вы можете открыть её изнутри расширения, используя runtime.openOptionsPage().

Вы указываете options_ui как путь к HTML-файлу, входящему в состав вашего расширения. HTML-файл может содержать CSS- и JavaScript-файлы, как и обычная веб-страница. Однако, в отличие от обычной страницы, JavaScript может использовать все API расширений WebExtension, для которых у расширения есть разрешения. Однако, он выполняется в другом контексте, чем ваши скрипты фона.

Если вы хотите обмениваться данными или функциями между JavaScript на вашей странице настроек и вашими скриптами фона, вы можете сделать это напрямую, получив ссылку на объект Window ваших скриптов фона с помощью extension.getBackgroundPage(), или ссылку на объект Window любой из страниц, работающих внутри вашего расширения, с помощью extension.getViews(). В качестве альтернативы, вы можете обмениваться данными между JavaScript вашей страницы настроек и скриптами фона, используя runtime.sendMessage(), runtime.onMessage или runtime.connect(). Последние (или эквиваленты runtime.Port) также могут использоваться для обмена настройками между вашими скриптами фона и вашими скриптами контента.

В целом, вы захотите сохранять изменения настроек на страницах настроек, используя API хранения, чтобы либо storage.sync() (если вы хотите, чтобы настройки синхронизировались на всех экземплярах браузера, в которые пользователь вошёл), либо storage.local() (если настройки локальны для текущей машины/профиля). Если вы это сделаете, и вашим скриптам фона (или скриптам контента) необходимо узнать об изменении, ваши скрипты могут добавить слушатель к storage.onChanged.