Типовая структура дополнений

Что представляет из себя готовое дополнение? Это обычный zip архив с расширением *.crx. Внутри него всегда есть файл manifest.json. Выглядит он примерно так:

{
  "name": "My First Extension",
  "version": "1.0",
  "description": "The first extension that I made.",
  "browser_action": {
    "default_icon": "icon.png"
  },
  "permissions": [
    "http://api.flickr.com/"
  ]
}

Запомните, что это самый главный файл в вашем дополнении. В нем описано название, версия, описание, стандартная иконка вашей разработки.

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

Собственно кроме манифеста состав дополнения может меняться сильно. В зависимости от классификации дополнения обязательный минимальный состав может быть разным. В него могут входить html, js, css-файлы, а также картинки, звуки, видео и даже различные плагины.

В качестве примера опишем состав типового расширения:

В своем составе кроме manifest.json оно имеет:

• html файл, который используется как всплывающее окно по клику на иконку;
• html файл, который висит как фоновый процесс и регулярно проверяет новые версии;
• html файл, который представляет собой страницу настроек;
• несколько JS файлов, которые подключаются к html страницам для выполнения каких либо действий;
• комплект картинок, которые используются в расширении;
• некоторые другие файлы, значение которых не так важно в нашем контексте.

Далее мы рассмотрим собственно Chrome API, т.е. что именно может делать ваша разработка с браузером.