Показаны сообщения с ярлыком расширение. Показать все сообщения
Показаны сообщения с ярлыком расширение. Показать все сообщения

вторник, 15 ноября 2011 г.

Как создать расширение для Chrome


регистрация доменов

Сегодня я расскажу вам как создать свое простое расширение для Google Chrome. Этот браузер развивается очень быстро, его доля сейчас уже почти 35 процентов рынка. Для простого расширения достаточно всего несколько строк JSON кода. Попробуйте, размещение в Chrome web store совершенно бесплатно.

Для начала, создаем папку MyChromeApp. В ней будут лежать все необходимые файлы расширения. А именно: manifest.json, popup.html, icon.png и остальные необходимые файлы (стили, скрипты и тп).
Manifest.json
Первым делом создаем JSON файл с названием manifest.json и кидаем его в папку MyChromeApp. Не забываем изменять имя, версию, описание и адрес сайта (он должен быть подтвержден в инструментах вебмастера от гугл).
{
"name": "MyChromeApp",
"version": "1.0",
"description": "First Chrome Extension",
"browser_action":
{
"default_icon": "icon.png",
"popup":"popup.html"
},
"permissions": [ "http://www.karpovi4.ru" ]
}
 Popup.html
Этот файл отображает всплывающее окно расширения. Строиться все HTML разметкой. В это окно мы будем загружать последние 9 записей из RSS-ленты.
<script type="text/javascript" src="http://ajax.googleapis.com/
ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="jquery.parss.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#feed").PaRSS(
"http://feeds2.feedburner.com/karpovi4", // RSS сайта
9,
"M jS g:i a",
true
);
});
</script>
<div id='feed'></div>
 Загрузка расширения
В браузере, на вкладке инструменты -> расширения ставим галочку "режим разработчика". После всего этого станет активной кнопка "загрузить распакованное расширение". Нажимаем и выбираем папку MyChromeApp.