Покажи всички категории

Разширенията в Google Chrome


Оценка 5 от максимум 5. Общо гласували: 20.

добавен:
2010-01-08 08:38:29
прегледи:
4160
автор:
ivan.h

Здравейте. В този урок ще ви запозная с разширенията в Google Chrome. Както някой от вас знаят дълго време след излизането на първата версия на Google Chrome нямаше разширения, или поне не официални от Google, от което обществото от разработчици и потребители недоволстваше. Естествено вече това е факт - разширения за браузъра на Google има.

С този урок искам да направя въведение за разширенията,ще покажа как да си направите ваше собствено и с някои специфики относно изграждането и пускането му в действие. За да видите едно такова разширение и за да добиете обща представа най-напред изпълнете следните стъпки: Създайте една папка и след това в нея един html файл и го запазете като popup.html. За съдържание в popup.html файла сложете следното:

Hello Chrome Extension
Hello World

Създайте нов файл и го запазете ЗАДЪЛЖИТЕЛНО като manifest.json. Съдържанието в него е следното:

{
    "name": "My First Extension",
    "version": "1.0",
    "description": " Hello World",
    "browser_action": {
        "default_title": "Hello World",
        "default_icon": "icon.png",
        "popup": "popup.html"
    },
    "permissions": [
        "tabs" 
    ]
}

Създайте иконка с размери 48x48 px и я именувайте като icon.png. Сега за да проверите как работи и как изглежда вашето първо разширение направете следното: от персонализиране и управление на Google Chrome отивате на разширения и от там на зареждане на раз пакетирано разширение и кликате на създадената папка. В горния десен ъгъл трябва да се появи иконката която е спомената в manifest.json - кликнете на нея. Поздравления, току що създадохте първото си разширение.

Но да се върнем към същината на нещата. За какво служи този html файл?Както при изграждането на уеб страници,така и тук този извършва същата работа - оформя и представя съдържание. В този файл казвате как да изглежда вашето разширение, с какви размери да е,какъв да е шрифта на буквите и много други неща ,като естествено включите CSS и снимки. Друго нещо което имате на разположение е javascriptXMLHttpRequest, JSON, HTML5. Можете да придавате по-голяма функционалност чрез JavaScript и да правите почти всичко което се сетите.

Нека да разгледаме и другият файл manifest.json.

Този файл трябва задължително да се казва така.Той дава информация за разширението като, това кои файлове то може да използва,и какви са му възможностите. Да разгледаме от какво се състои:

  • name - както се досещате името на разширението;
  • description - съдържа описание на разширението, което описание не трябва да съдържа html, а максималната дължина на символите да е 132 знака;
  • icons - тов е икокнката която се показва до полето за търсене. Нейните размери са 48x48 px;
  • version - версията, като си има стандарти на изписване.

Ето няколко примера:

"version": "1"
"version": "1.0"
"version": "2.10.2"
"version": "3.1.2.4567"

В урока са използвани материали от: http://code.google.com/chrome/extensions/getstarted.html