Създаване на разширение за Google Chrome

Проектът всъщност представлява онлайн хранилище на отворен код. Неговото развитие може да бъде поставен тук всички желаещи, както и проекти за достъп са достъпни за всички потребители навсякъде по света.

В момента има библиотека, в която много интересни примери с код в различни програмни езици.

За да работите с тях, които трябва да преминат към актуализацията на канал за програмисти или Бета.

Разширението ще има бутон с икона в лентата с инструменти на браузъра. При натискане на бутона ще дясната част на екрана (изскачащи) с произволна снимка от снимки в галерията Хъбъл телескоп. В горната част на прозореца, ще бъдат поставени бутони: конфигуриране (показване на страницата за настройки), обновяване (показване на друга снимка), в близост (за да затворите изскачащия прозорец).

Разширяването ще съдържа страницата за настройки (опции), където можете да изберете езика на интерфейса (български, английски) и изберете размера на изображението (малък, голям).

Създаване на разширение започва със създаването на папки, в които ще създадат всички необходими файлове за удължаване. Sozadim папка HubblePics. На следващо място, създаване на файл, който ще съдържа описание на разширяването на нашата - manifest.json. Този файл се изисква за всяко удължаване на срока. Това е така, защото Chrome получава цялата необходима информация относно разширяването на (име, версия, резолюция, допълнителни страници и т.н.).

Подробно описание на manifest.json можете да получите тук

Създаване на страница с настройки - options.html. Ето и пълния код аз няма да страницата само интересна, по мое мнение точки, а именно запазването, настройките за изтегляне и локализация.

Можете да запазите настройките на обекта локално хранилище, което по същество е асоциативен масив, който съхранява един чифт "име", "стойност". Например, за да спаси състоянието на радио бутона "Размер на снимките - Малки," използва кода:

За да възстановите състоянието:

В моя проект аз увита призив към локално хранилище за функция readProperty да се отървем от ненужните проверки и да получите възможност за стойности по подразбиране:

С настройките, подредени, се пристъпва да се локализира. Методът, който не може да бъде най-добрият, но в момента нищо по-добро не можех да мисля. Ако някой казва, друг, по-опростен вариант - аз ще се радвам.

Идеята е проста - има редица елементи, които трябва да бъдат преведени. Те имат документи за самоличност. Той създава асоциативен масив или обект, в който идентификатора на елемент съответства на локализиран текст. Функция, която се занимава с локализирането на "писти" на масива от документа за самоличност е контролът и поставя текст му.

Създайте файл с името на елементите и посочване на езика. "Регистрирани" език, чрез добавяне на елемент в падащото меню "Език". Например на български език добавен към елемент от списък с текста «руски» и «стойност ru_ru».

Този скрипт се добавя към страницата за настройки (options.html)

На страницата, на всички локализирани елементи трябва да имат подходящите идентификатори, например:

Локализация на функция се занимава локализират

Сега, ако ние трябва да добавите нов език, като английски, ние трябва само да създадете папка \ локал \ en_US, той създаде скрипт options.js

И добави сценария на страницата

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

В общи линии, нищо интересно. Всички заинтересовани задочно popup.js файл.

Този скрипт използва XMLHttpRequest сваляния страница hubblesite.org/gallery/wallpaper/, да намерите връзки към изображения, избира на случаен принцип и показва изскачащ-е.

разширение за монтаж и опаковане

Разширяване създаден и сега трябва да го заредите в Chrome. Изпълнете Chrome, кликнете върху бутона и контрол на настройките. изберете от менюто с разширения.

На следващия раздел, натиснете Load разширение. укажете пътя до папката, и, ако е направено правилно, ще видим нов бутон в лентата с инструменти.

А в списъка на разширения виждаме нашата експанзия.

Сега нашата експанзия пакет, така че тя да може да се сложи на всеки ресурс и всеки потребител може да изтеглите и инсталирате в няколко кликвания. За да направите това, на една и съща Инсталирана раздела Разширения, щракнете върху бутона за пакетиране на разширението. укажете пътя до папката, съдържаща файлове на разширението поле Файл с личен ключ за първи път оставете празно.

Щракнете върху OK, виждаме съобщение, че разширяването е опакован.

Ако ще да се освободи актуализирани версии на разширяването - Запазете файла с ключ HubblePics.pem и ще посочи пътя към него по всяко следващо пакет по разширяването, или всеки път, когато ще се генерира нов файл, което ще доведе до назначаването на нова идентичност за разрастването ни, а това, от своя страна, ще доведе до факта, че вместо на актуализацията, той инсталира ново копие на разширението.

Почти цялата информация, необходима за разработване на разширения фокусирани върху страница на Google Chrome Extensions: Документация за програмисти. Ако това ще изглежда малко, винаги можете да вземете готови разширяване, промяна на разширението от CRX да цип, разархивирайте и да видим как се прави "тях".

Същият източник на информация, така да се каже, първата страна, би могло да бъде списък с промени в новите версии на Google Chrome.