Як створювати та тестувати власні прості розширення для браузера на базі Chromium?

Створення власного розширення для браузера на базі Chromium є чудовим способом автоматизації рутинних завдань або додавання нової функціональності на улюблені сайти. Сучасні браузери використовують стандарт Manifest V3, який визначає структуру та правила роботи доповнень. Для початку роботи вам не знадобиться складний інструментарій, достатньо стандартного текстового редактора та самого браузера в режимі розробника.

Процес розробки починається зі створення порожньої папки на вашому комп'ютері, де зберігатимуться всі файли майбутнього проєкту. Головним файлом будь-якого розширення є маніфест із ім'ям manifest.json, який містить метадані: назву, версію, опис і список запитуваних дозволів. У цей самий каталог поміщаються файли скриптів, таблиць стилів і графічні елементи інтерфейсу, які будуть задіяні в роботі вашого мінізастосунку.

Щоб завантажити та протестувати створене розширення у браузері Google Chrome, Яндекс.Браузер або Microsoft Edge, необхідно виконати такі дії:

Після успішного завантаження іконка вашого розширення з'явиться на панелі керування браузера. Під час внесення будь-яких змін у код файлів вам достатньо буде повернутися на сторінку розширень і натиснути кнопку оновлення у вигляді кругової стрілки під карткою вашого проєкту. Для налагодження та пошуку можливих помилок використовується вбудована консоль розробника, доступна за кліком на посилання Перевірити види або Фонові сторінки.