Создание простейшего плагина для Google Chrome

Категории: Программирование Комментариев: 14

В этой статье хочу поделится об очередном способе упростить себе жизнь, используя для этого подручные средства, а именно – самый шустрый сейчас браузер – Google Chrome. Оказывается, этот браузер не только очень шустрый, но и очень простой для разработки плагинов, и эта статья вам это докажет. Итак, нам нужно – браузер Google Chrome, желательно самой последней версии, какой-нибудь беты. Создаём любую папочку в любом месте для нашего плагина и создаём там файлы – manifest.json, popup.html, icon.png.

Открываем manifest.json и пишем в нём следущий код:

manifest.json

{
"name": "Search Engine Updates Viewer",
"version": "0.1",
"description": "Плагин показывает состояние апдейтов поисковой выдачи на текущую дату.",
"browser_action": {
"default_icon": "icon.png",
"popup": "popup.html"
}
}

Теперь очередь второго файла:

popup.html

<img src="http://promopark.ru/analytics/informer/update.gif">
 
<div align="center"><a style="font-family: Arial; color: gray; text-decoration: none; font-size: 10pt;" target="_blank" href="http://promopark.ru/analytics/update.php">история</a></div>

Третий файл это иконка. Она может быть любой картинкой, главное не забудьте изменить её имя в файле manifest.json на своё.

А теперь…а теперь всё Можно открывать браузер, заходить по адресу chrome://extensions/ , нажимать кнопочку “Загрузить распакованное расширение…”, выбирать путь к своей папке и пользоваться!

Может кто-то уже понял, что плагин особого ничего не делает, просто показывает небольшую картинку с одного хорошего сайта, которая показывает состояние апдейтов поисковой выдаче разных поисковиков.

По той ссылке, что мы загружали плагин в браузер можно из него “собрать” установочный файл. И для примера можете установить мой плагин, который я назвал “Search Engine Updates Viewer“.

P.S. У меня в планах написать проверялку статы на популярных партнёрках, посмотрим, насколько это реально.

P.P.S. Если тема народу будет интересна, продолжу цикл статей.

Автор inlanger @ 5.01.2010 Комментариев: 14

Комментарии

Jan 5, 2010
09:05

#1 iron-viper :

Крут!

Jan 15, 2010
09:27

#2 lliss :

привет респект за статью я тоже иногда пользуюсь этим браузером но не думал что у него есть такие возможности мне нравится что он примедленном соединени пробивается лутше остальных
единственный недостаток он сильно нагружает комп

Jan 15, 2010
10:16

#3 lliss :

попробывал поставить то что ты написал не получается браузер выдает вот это No Extensions Installed

Author

Jan 15, 2010
10:22

#4 inlanger :

А версия браузера какая? Расширения работаю только в dev версиях вроде.

Jan 15, 2010
11:15

#5 lliss :

пишет что у меня самоя последняя версия
вот тут посмотри я сделал скрин http://xmages.net/thumb/thumb_118ffa66.jpg

Author

Jan 15, 2010
20:51

#6 inlanger :

У тебя последняя версия обычной ветки. Подключить к dev каналу и скачай действительно последнюю версию. Это можно сделать тут – http://goo.gl/Pbg1

Feb 1, 2010
17:40

#7 SibNext :

Если кому интересно – сделал плагин для chrome, который показывает ТИЦ, PR, количество страниц в индексе. Скачать плагин можно с моего блога.

Mar 21, 2010
18:00

#8 vadimas :

Спасибо, очень познавательно…так же жду статью про регалку на питоне.

May 9, 2010
15:48

#9 Влад :

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