Для начала зайдите на страницу chrome://extensions/, вы увидите вкладку, где вам надо будет включить режим разработчика:
Когда вы нажмёте у вас появятся три кнопки:
Пока пойдём дальше и создадим папку где будут файлы нашего расширения, где создадим файл manifest.json, название важно, где напишем:
{
"name": "расширение",
"description": "The Kaktus",
"version": "1.0",
"manifest_version": 1
}
Теперь мы можем нажать «Загрузить распакованное расширение» и выбрать папку с нашим manifest.json файлом.
В принципе ваше расширение теперь как полноценное:
- Его можно включить(но это пока что ничего не сделает)
- Его можно закрепить
- Его можно удалить из браузера
Но давайте добавим аватарку нашему расширению!
Создаём папку iages и делаем там несколько аватарок разных расширений:
16 на 16
32 на 32
64 на 64
128 на 128
Чтобы ваше расширение было универсальным (точнее её аватарка)
А в manifest.json добавляем такой код:
"action": {
"default_icon": {
"16": "/images/ваш_файл.png",
"32": "/images/ваш_файл.png",
"48": "/images/ваш_файл.png",
"128": "/images/ваш_файл.png"
}
},
"icons": {
"16": "/images/ваш_файл.png",
"32": "/images/ваш_файл.png",
"48": "/images/ваш_файл.png",
"128": "/images/ваш_файл.png"
}
Теперь если всё сделать правильно у вашего расширения должно быть изображение.
У расширений для chrome функционал можно делать как у веб-страниц с помощью html, javascrip и css.
Только в manifest.json надо перед "default_icon": добавить
"default_popup": "ваше_имя_файла.html",
А в самом файле уже ссылаться на js или сss.
Также если вы хотите чтобы ваше расширение работало только на активных веб-страницах добавьте строчку
"permissions": ["activeTab", "scripting"],
Таким образом можно добавлять кнопки, анимации поверх веб-страниц и многое другое!