Създай свой собствен разширение за Google Chrome №3
Здравейте и добре дошли в третата и последна част от създаването на разширение на Google Chrome от нулата. Спомнете си, че в първата част от поредицата, ние изградихме разширение за Chrome, които грубо каза една дума в документ на Google, която в момента е в светлината на прожекторите, и то с помощта на JQuery. Той добави, лентата на състоянието в долната част на екрана.
В тази част, ние ще завършим разширяване чрез добавяне на настройките за страниците, които могат да бъдат достъпни чрез раздела Разширения и могат да бъдат използвани, за да персонализирате функциите, ако искаме нашето разширение беше.
Добавяне на опции за Page
разширение Variant страница е основно само HTML документ, който (обикновено) се състои от няколко формени елементи. Сега ние можем ръчно да създадете страница конфигурация и се хвърлят в някои елементи, но аз никога не съм бил фен на преоткрива колелото и е с уникален пакет от услуги, който прави точно това, което искаме - тя предлага на страница по подразбиране, който изглежда и се чувства уверен в Chrome страница по подразбиране. Моля, изтеглете Fancy и го извлечете разширения директория, което му името "фантазия настройки".
За да се направи страница ни настройки сваляне на разширяване, трябва да добавите следните елементи в нашия манифест файл:
Това предполага, разширена версия на страницата трябва да бъде изтеглен от фантазия настройки / източник / index.html. където ние разкопчан изтегления код Fancy настройка. Докато ние редактирате файл manifest.json, нека да се актуализира до версия 0.3.
За тази опция, страницата в действие (макар че това няма да е от полза сега), а след това рестартирайте разширяването (според инструкциите в първата част) и да натиснете бутона "Опции" в непосредствена близост до него (той трябва да бъде в близост до "разреши в режим инкогнито"). Това би трябвало да отваряте нов раздел, съдържащ някои доста красиви формени елементи, за да редактирате и персонализирате.
Редактиране на настройките на страницата
Ние добавяме следните прости методи: ние ще позволи на потребителите да изберете една от трите визуални теми, ние ще позволи на потребителите да забраните на думи и страници брои, и ние ще позволи на потребителите да се премахне GDWC връзка в лентата на състоянието.
За да добавите елементи, ние трябва, ние трябва да промените опциите за самата страница манифест. Сменете съдържанието на фантазия настройки / източник / manifest.js до следното:
Това е толкова просто. Fancy Настройки настройките на страницата автоматично ще създаде всички необходими елементи. Моля, презаредете разширението и кликнете върху бутона опция, за да го видите в действие.
По подразбиране четат и записват настройките
Това е всичко. Сега рестартирайте разширяване, и Google Docs тествани. Без промяна, не е тя? Сега отидете в параметрите на нашата експанзия и се опитайте да изберете опция, а след това се актуализира документа, който са дали за да видите промените в реално време. Бягай и добавете няколко от своите възможности, ако искаш.
За съжаление, ние трябва да презаредите опции за разширение след извършване на подбора, че те са влезли в сила. Въпреки че не е много трудно да се направи разширяването на актуализацията на новите параметри динамично, е извън обхвата на тази статия се дължи на дължина. Ако искате да го направите сами - всички необичайни позиции настройка може да се прояви, така че, за да се направи това, трябва да се слушат на променящите се събития на елементите, които използваме и да получат достъп до всички случаи на разширяването на съдържание за редактиране на границата на щата. Допълнителна информация може да бъде намерена на фантазия, и ръководството на Google Developers.
В заключение
В тази последна част от поредицата ние обновихме нашата страница възможности за разширение, което прилича страница Chrome настройки, а ние добавихме възможността да се избере тема, забранете определени функции, и да се скрият някои от елементите в лентата на състоянието. Надявам се, че това въведение към опцията на страници, е достатъчно, за да ви заинтересува, и че вие започнете да експериментирате сами. разширение Световната Chrome е голяма и има ниша за високо качество, иновативни подобрения, които да подобрят работния процес. Кой знае? Може дори да се окажете прави икономически изгодно с малко практика.
Можете да изтеглите изходния код на Chrome разширения учебник с GitHub. Успех в експеримента си с Chrome!
Zakzat шаблон за Amiro CMS в интернет.
- - - - - - - - - - - - - - -