Как сделать расширение для chrome?

Для начала зайдите на страницу 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"],

Таким образом можно добавлять кнопки, анимации поверх веб-страниц и многое другое!