Пишем плагины для браузера на javascript

В этой статье будет инструкция как писать браузерное расширение

Создадим папку, где собственно и будет храниться наш плагин. Назовем её к примеру test_plugin. Сразу же создадим все необходимые файлы для плагина, main.js и manifest.json

Манифест

manifest.json

{

"name":"Test plugin",

"version": "1.0",

"manifest_version":3

"content_scripts": [{

"matches":["http://*/*", "https://*/*"],

"js":["main.js"]

}]

}

1. "name":"Test plugin" - Название расширение
2. "version":"1.0" - Версия расширения
3. "manifest_version":3 - Версия манифеста(на момент написания статьи, последняя версия - 3)
4. "content_scripts" - Массив в котором указываются другие параметры(написаны ниже)
5. "matches":["http://*/*", "https://*/*"] - Указывается на каких сайтах будет работать плагин(заместо первой звездочки можно написать ссылку сайта), также заместо ["http://*/*", "https://*/*"] можно указать ["*://*/*"]
6. "js":["main.js"] - Массив скриптов, в данном случае указан один скрипт

Скрипт

Напишем самую простую программу чтобы убедится что наш плагин работает

main.js

alert("Привет мир!");

Загрузка расширения в браузер

Набираем в поисковой строке chrome://extensions или нажимаем на три точки в правом верхнем углу браузера > настройки > в левой колонке листаем вниз и жмём расширения

Далее в левом верхнем углу нажимаем кнопку "Загрузить распакованное расширение"

И открываем папку в которой создали расширение

Готово

Теперь откроем какой-нибудь сайт и нам должно выскочить уведомление