2026.07.21

Пара советов по созданию расширений для браузера

Не так давно я делал расширение для браузера 3ddd dark mode v1.5 (темная тема для 3ddd) И хочу рассказать вам как вообще такое делают, какие ошибки не допускать и расскажу как сделать чтобы расширение ваше оставалось в браузере Firefox после перезапуска (обычно самодельные не остаются после перезапуска).

Делал я это расширение в Claude AI с платной подпиской. Мои ошибки при создании расширения черной темы и их решения.

1 Изначально думал что управлюсь за пару дней, но в итоге потратил пару недель. Это самая первая ошибка, неправильная оценка времени. Если у вас ушел весь день только на какое то общее оформление или на создание одной функции в меню расширения, то не стоит ожидать что управитесь максимум за неделю, скорее всего это надолго и стоит подумать а стоит ли столько времени из своей жизни тратить на это. И для чего вы вообще делаете его. В моем случае мне темная тема 3ддд была нужна уже давно, но вариант с общей покраской с наличием сломанных элементов не нравился потому что уже пробовал подобное и не нравилось как такие расширения глючат в определенных обстоятельствах, поэтому независимо купят его или нет, он мне был нужен и я продолжал его делать уже когда понимал что финансово он никогда не оправдается.

2 Не делал резервные копии, в итоге в какой то момент сломалось то что уже работало, но я довольно очень быстро понял то нужно делать копии папки расширения который разрабатываешь и это мне помогло очень сильно позже. Если вы делаете расширение с помощью нескольких ИИ, то это особенно важно, потому что подходы у них разные и они ломают то что уже работало но делалось в другом ИИ.

3 Не начинал новую тему для новой функции. Когда вы смогли добавить какую то функцию в расширение и переходите к следующей функции, создавайте новую тему с ИИ агентом и кидайте ему файлы с последними изменениями, таким образом избежите 2 проблем, лимит подписки ИИ будет меньше расходоваться с новой темой, так как ему не нужно учитывать всю историю работы с ним до этого момента. вторая причина это избежание новых правок где он не будет учитывать текущее состояние расширения и в итоге он будет делать правки с присутствием багов которые уже были исправлены ранее.

Расширения браузеров сейчас имеют очень большую совместимость, в большинстве браузеров основанных на chromium, расширения подходят от Chrome, у Firefox (мозила) чуть отличается и просто использовать от хрома расширение не получится, надо его переделать чутка. Просто говорите своему ИИ сделай вариант для мозилы, и он сделает первый вариант который наверняка будет с багами, после нескольких правок вы получите уже рабочий вариант, но тут возникает другая проблема, если загрузить расширение как временное в мозилу, то после перезапуска его там уже не будет. А чтобы он там оставался, нужно пройти сертификацию расширения на сайте мозилы.

Регистрируетесь на сайте addons.mozilla.org
Submit New Add-on → выбрать «Not listed» (без публикации, только подпись)
Загрузите ZIP архив и он автоматически подпишет и вернёт .xpi файл за несколько минут.
Этот .xpi устанавливается в Firefox навсегда. Но важно чтобы в корне архива были файлы расширения а не папка расширения, иначе сайт будет выдавать ошибку.

Создавайте полезные расширения и думайте прежде чем выложить и навредит ли оно кому либо. Я недавно создал расширение рабочее для некоторых своих задач, но не стал выкладывать потому что сайт с которым он взаимодействовал прямо запрещает основную функцию которую я в него закладывал, из-за чего могли быть иски в сторону сайта и в адрес меня как автора. Лицензионные соглашения как мы знаем обычно на много страниц и кстати ИИ может давать хорошую выжимку того что там написано, вы можете дать ИИ весь текст и уже спрашивать что вы можете или не можете делать учитывая текст лицензионного соглашения, пользуйтесь этим лайфхаком.

Что в итоге получилось у меня.

Расширение которое делает темным весь сайт, не давит на глаза ночью белый фон, когда сидишь в темноте. Может автоматически включаться и выключаться по расписанию, расписание можно регулировать ползунком.

Мне больше всего нравится как выглядит галерея с темной темой, теперь погружение в пространство совсем на другом уровне, особенно приятно смотреть интерьерные работы, фон теперь действительно задний фон на котором изображения выделяются и выходят на передний план.