пятница, 19 марта 2010 г.

Создаём расширение для Google Chrome.

И так начнём. Сегодня на ночь глядя решил поведать как собрать простое расширение для Хрома.
Сами расширения (extensions) пердставляют собой архив.
Для начала создадим папку и в ней файлы manifest.json, popup.html, icon.png.
Для редактирования файлов советую Notepad++, очень удобный блокнот с подсветкой синтаксиса.


- В manifest.json (файл "описания") пишем следующий код:

{
"name": "Super-puper plagin",
"version": "0.1",
"description": "Описание для супер-пупер плагина :) ",
"browser_action": {
"default_icon": "icon.png"
"popup": "popup.html"
}

}



- icon.png - это иконка расширения в баре.

- Теперь возьмёмся за popup.html
popup - это всплывающая "страничка".
Похожая на эту к примеру.
Код:

<div align="center"><a  target="_blank" href="http://gizmonder.com">Блог IT'шника</a></div>

как видим используется простой html.
- Так же можно выполнять код в фоне для этого добавляем в manifest.json строчку "background_page": "background.html", и в папку соответственно сам файл background.html.
Затем запаковываем папку и расширение меняем на crx.
Либо заходим в Хроме chrome://extensions/ , упаковка расширений.
Ну а дальше практика и ещё раз практика. Полезно будет "поковырять" готовые расширения.
Можете смело "ковырять" мои. К примеру: https://chrome.google.com/extensions/.... Скачивайте и распаковывайте.