Как да създадете разширение за Google Chrome

Google Chrome - е един от най-популярните браузъри, и има много причини: това е бързо, че е надежден и предлага невероятен набор от инструменти за разработчици, както и стотици различни разширения за потребителите си, които могат да бъдат изтеглени от Google Магазин.

Трябва също да се отбележи, че можете да създадете свои собствени разширения, използвайки само HTML, CSS и J # 097; vascript, и така много от вас не трябва да научат нови езици за програмиране. Вие вече знаете всичко, което трябва да направите е да се разбере как това знание може да се приложи към Chrome.

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

За разширението на Chrome

Първото нещо, което трябва да знаете е, че има два типа разширения:

* Операции на страници, в зависимост от страницата
* Операциите с браузъра, който не зависи от страници

Обърнете внимание на това:

Днес ще ви разкажа за създаването на прост разширение на браузъра, базиран.

Първото нещо, което трябва да направите е да създадете корен-папка за нашата експанзия и добавете към manifest.json, която ще съдържа JSON-обект с характеристиките на нашето развитие:

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

Необходимо е също така да се въведе тук browser_action обект - там ще бъде поставен един прост потребителски интерфейс на нашата експанзия. Тъй като това е работа базиран на браузър, а при натискане на бутон в лентата с инструменти, най-вероятно ще излезе изскачащ прозорец, този механизъм ни позволява времето да се напише изходния код на този прозорец: иконата, видими за потребителя, заглавие, и така нататък:

Ако добавим към нас по този манифест, ние получаваме приблизително по следния начин:

След като сте направили това, всичко, което трябва да направите, е да се създаде приложение директно себе си.

Целта на това ръководство е да се създаде проста JQuery-пипета с помощта й # 097; vascript-Plugin спектър. Така че нашата popup.html ще бъде, както следва:

Както можете да видите, всички сме правили се добавя раздел, който съдържа две основни елементи на Spectrum спечелили, и след това да изпълните всички файлове, като JQuery, spectrum.js, CSS-файл и popup.js, които ще се инициализират код спектър.

Нашата й # 097; vascript-код се състои от общо 6 линии оглед на простотата на щепсела на:

(Този код - това е само един пример, и то не докосва Chrome на API, тъй като ние просто е необходимо да се демонстрира как да се използва прост HTML / CSS и й # 097; vascript кодове за създаване на това, което трябва в браузъра Chrome).

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

Така че нека да го тестват на място. За да направите това, отворете хром Chrome: // разширения, и се уверете, че сте в режим за програмисти (режим за програмисти). Ако е така, можете да изтеглите приложението разопаковани или да плъзнете папка от вашия работен плот и след това молбата си веднага ще се появи в лентата с инструменти. Тя работи само в режим за програмисти. Ако искате да изтеглите разширението в Google Store, вие ще трябва да се опаковат на молбата, като Chrome Store ви позволява да качвате файлове точно както .crx.

Разширения за Chrome - не много трудни и плашещи, колкото изглеждаше по-рано. И те могат да създадат доста бързо, само за няколко минути.