Найти в Дзене
ИТ разнообразно

Как отладить дополнение (расширение) Firefox

Оглавление
Photo by Birger Strahl on Unsplash
Photo by Birger Strahl on Unsplash

Прежде, чем мы начнём

Firefox поддерживает расширения браузера, подобно браузерам на основе Chromium (Chrome, Arc, Brave, Edge и т. д.). Иногда их называют дополнениями в экосистеме Firefox.

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

Также предполагается, что дополнение Firefox было собрано, т. е. сгенерированы файлы, включая манифест для работы дополнения.

Следующие инструкции работают для Firefox и Firefox Developer Edition.

Настраиваем Firefox для отладки дополнения

Открываем Инструменты разработчика в браузере и нажимаем кнопку с тремя точками, затем выбираем Настройки.

-2

Скроллим вниз до раздела Advanced Settings и убеждаемся, что установлен флажок Enable browser chrome and add-on debugging toolboxes.

Загружаем дополнение, нажав на значок паззла в правом верхнем углу Firefox или через меню приложения, Tools -> Add-ons and Themes.

-3
-4

Щёлкаем значок шестерёнки, чтобы открыть меню, и выбираем Debug Add-ons

-5

Убедитесь, что вы создали расширение с изменениями в моей ветке, запустив npm run build

Щёлкаем по кнопке Load Temporary Add-on...

-6

Выбираем файл манифеста дополнения в меню File операционной системы и нажимаем кнопку Open.

-7

Теперь расширение готово к использованию.

-8

Переходим на страницу GitHub, где мы хотим начать отладку оставшихся issues с дополнением Firefox.

Если мы хотим отладить или проверить расширение, нажимаем кнопку Inspect в разделе Temporary Extensions, куда только что было загружено расширение.

-9

Вот и всё!

Перевод с некоторыми авторскими правками.

Автор оригинала: Nick Taylor.