Készítsen egy kiterjesztés a böngésző opera, az EP és a Chrome saját honlapján
Köszöntelek Maultalk'ovtsy # 33;
És úgy döntöttem, hogy „jel” a visszatérésre a fórum és írni „kis manualchik” alapján saját tapasztalat, hogy bővítéseket népszerű böngészők, amely segít a támogatása és népszerűsítése a projektek.
Az egyik projekt megy keresztül nehéz időkben, és úgy döntött, meg kellett valahogy „fel a fejjel”, és egy pár három „online szolgáltatások” aldomain ( „online szolgáltatások” - mondta hangosan, persze, de nevezzük őket így).
Az első (és eddig utolsó) lett egy egyszerű, de hasznos jelszó generátor - genpass.hyperione.com.
Js script generátor rendelték el, festett „a térd” design (alapján a fő oldalon) készült elrendezés és elrendezése, mint mondják - olyan módon. De szükséges, hogy készítsen még több értéket ember, gondoltam, és elrendelte egy „asztali” változata a generátor, majd nem találtak normális előadók, úgy döntöttek - a saját, hogy egy kiterjesztés a főbb böngészők.
Tulajdonképpen a fejlesztés ezen kiterjesztés Megmondom részletesen, és ahogy ez alapján - képes lesz létrehozni saját bővítményt kedvenc helyén.
1. rész Hogyan válasszuk ki -, hogy hozzon létre egy böngésző kiterjesztés?
Jelenleg 4 fő böngésző Windows PC - Ghrome, Ya.Brauzer, a Mozilla és az Opera, ezeket az adatokat venni a statisztikai ugyanaz, layvinterneta tyts
Ok, most egy kicsit magukról böngészők - ha lesz, lesz egy kis kopipasta Vicki.
Ha jobban megnézed, a leírást a böngésző, akkor már világos, hogy mi fog írni egy kiterjesztés a Google Chrome böngésző, az Opera, Ya.Brauzer azok kidolgozása az egyik motor.
De van egy kis árnyalatot - a fenti, csak az Opera böngésző segít létrehozni egy valóban „helyes” kiterjesztése, hiszen a próbája a bővítmények a fejlesztési fázisban, és a moderátorok, vannak nagyon jó emberek, de erről bővebben később.
Ha még nem telepítette Opera - menjen helyen, és én továbbra is a firkálás.
2. rész alapja bővítmények vagy hogy mit tett?
Field „változat” - a szám a jelenlegi változata a kiterjesztés, akkor jelenik meg a termék kiterjesztések, valamint a kiterjesztés vezetője.
Field "manifest_version" - ez a változat a kiáltvány (2, 1, illetve 2.). Annak érdekében, hogy ne ásni az információt (ez nem olyan fontos az Ön számára) -, akkor nézd meg a különbség a kettő között az azonos ügyéről tyts. Meg kell tisztázni egy dolgot számunkra, hogy naprakész változata a kiáltvány - 2nd.
„DEFAULT_LOCALE” mezőben - ezt a mezőt úgy, hogy tudjuk meg a boltban kiterjesztés - egyes országokban ez az expanzió létre (ismét - ebben koncentrálunk egy kicsit később).
„Ikonok” mező - egy sor ikonok meg a bővítmény megjelenik a kiterjesztés vezetője. Akkor korlátozza a maximális mérete egy ikont, hanem menjünk az elvet és otrisuem ikonok minden méretben
Field „browser_action” - ezek az alapvető konfigurációját a terjeszkedés, amely azt jelzi, - a bővítés kölcsönhatásba a böngésző:
„Default_title” - áll a tooltip jelenik meg, amikor az egérmutatót a bővítmény ikonra.
„Default_popup” - mondja a böngészőnek, hogy meg kell nyitni a .html oldalt a kiterjesztése, ha rákattint a bővítmény ikonjára.
Field „engedélyeket” - egy engedélyek listáját, melyek szükségesek a terjeszkedés - ezen a területen is kell, ha a kiterjesztés semmilyen módon kölcsönhatásba lépnek a felhasználó PC-n vagy egy web böngésző, továbbá a megjelenítő egyszerű információkat a webhelyen.
Ez egy közös .html oldalt, ami az alapja a terjeszkedés és megjeleníti a felhasználó a böngésző - ez hogyan néz ki az én kiterjesztése.
Ezen az oldalon, és a fájlokat az idetartozó (style.css és genPass.js), akkor nem lakik részletesen, mert nincs semmi különös.
Igen, igen, ez a neve legyen a mappában «_locales» - ez tárolja a lokalizációs fájlok, és az angol - a fájlok átalakítják terjeszkedés más nyelvekre.
Ru mappát messages.json fájlt a mappába _locales
Nos, ha a mappa «ru» egyértelműnek kell lennie (az egyetlen, amit találtam benne), akkor messages.json fájlt vagyok egy kicsit későn.
"ExtensionName" # 58; "Üzenet" # 58; "GenPass - Smart jelszó generátor"
>
"ExtensionDescription" # 58; "Üzenet" # 58; „GenPass - jelszó generátor, amely lehetővé teszi a szimultán létrehozása összetett, hamisíthatatlan jelszót, amely könnyen megjegyezhető.”
>
>
Ez a fájl szükséges helyes megjelenítés „Név” és a „Leírás” a kiterjesztés az Extension Manager a böngésző (Chrome és tárolja, például) szerint a nyelvi beállításokat a böngésző.
Hogyan írsz egy fájlt messages.json «Név” és a »Leírás« - ahogy ez megjelenik, a mappa és a fájl már nincs szükség, ha hozzá a Oper'y üzlet - nélküle, csak nem adnak kitöltse a leírás orosz nyelv és felajánlotta, hogy töltse ki az angol, és ha ahelyett, Anglia, hogy töltse orosz ... a későbbiekben
Ebben a fajta összes - kicsit olyan, mint sumburnenko történt? Ok, legyünk több világosság.
Készítsünk az összes fájlt a kiterjesztés, és lépni a következő lépésre.
3. rész: A vizsgálatot a tágulás és a „csomagolás”.
Ne felejtsük el, valahol között bükk fent, azt mondta, hogy fel fogjuk használni az Opera böngésző létrehozására és tesztelése annak bővítése, és így - a nyílt
Ide böngésző menü „Extensions” - „Manage Extensions”. bejön a kiegészítőket.
Minden dolgoztak ki? Cool # 33;
Most van 2 módja van:
- Ha mi is használunk a Js kiterjesztés - szükség van, hogy teszteljék a hibákat (aka gonosz nagybátyja moderátora Oper'y - ne hagyd ki a könyvtárban) - Ehhez kattintson a checkbox „Collect hibák”, és egyszerűen ellenőrizheti valamennyi funkcióját terjeszkedés - ha nem jön ki a hibákat - Cool # 33; Folytatjuk tovább.
- Ha nem használja a mi Js kiterjesztés - nyugodtan lépni a következő lépés - csomagolása a terjeszkedés.
Annak érdekében, hogy a kiterjesztés készen letölthető formában egy boltban - kattintson a gomb „Pack kiterjesztése”, és válassza ki a mappát az expanzió - a kimeneten a lehető legtöbbet hozza .nex fájlt, amelyet le kell töltenie az Opera boltban.
Tulajdonképpen ez az - a kiterjesztés készen áll # 33;
És akkor azt mondják - BAM # 33; Sharlotany # 33; Adtam nagy ígéretek annyira, de mi van a többi böngésző és többnyelvű # 33; # 33; # 33;
4. rész: lokalizálása a bővítés vagy számának növelése jogrendszerekben.
Mindig is akartam egy kicsit fenntartásokkal - ha egy egyszerű kiterjesztése, amely megjeleníti, néhány információt a honlapon, vagy a helyszínen - ezt a lépést kihagyhatja - többnyelvű a meghosszabbítás nem jár speciális osztalék - a kapcsolat a boltokban, így kapsz.
Nos, ha nem a terjeszkedés, a békét és a kedvesség másoknak - WELCOME # 33;
Emlékszel, hoztuk létre a mappát «_locales» tartalmazó mappát «ru» messages.json és a fájl benne?
Itt az ideje, hogy töltse meg a kapacitás # 33; Nos, ez töltse ki a nyelvet, amelyen fogjuk lefordítani bővítése.
Ezután minden egyszerű - válasszon egy nyelvet a fordítás és létrehozta a megfelelő papa messages.json fájl sem.
Például úgy döntöttünk, a francia nyelv - ez azt jelenti, hogy «_locales» A mappa jön létre papa «fr» és az ő új messages.json fájlt.
Most nehéz lesz minden
Meg kell fordítani a terjeszkedés más nyelvre, ha a fordítás önmagában nincs probléma (rendelésre, kérni egy barát, akár saját Polyglot), majd a technikai részét - lehet a probléma ...
De velem nem # 33;
Már elég időt töltött a keresést egy megoldás, és úgy találta, hogy github.com - van egy egyszerű script Js, hogy helyettesíti a statikus elemei a .html oldalt (pontosabban - a szövegben) a eleme a messages.json fájlokat.
Hogyan tisztázatlan magyarázható, nem? Tekintsük a példát ...
window.addEventListener # 40; 'load' funkció # 40; # 41; funkció fordító # 40; html # 41; var i,
hossz,
attrs_to_check = # 91; 'cím', 'alt', 'helyőrző', 'érték', 'href' # 93 ;;
ha # 40; html.attributes # 41; attrs_to_check.forEach # 40; funkció # 40; EL # 41; ha # 40; html.attributes # 91; EL # 93; # 41; html.attributes # 91; EL # 93; .value = tejpótló # 40; html.attributes # 91; EL # 93; .value # 41 ;;
>
> # 41 ;;
>
ha # 40; html.nodeType === # 3 41; html.data = tejpótlóban # 40; html.data # 41 ;;
> Mást # 40; i = 0, hosszúság = html.childNodes.length; én
>
>
és csatolja a szkript az index.html oldalt.
Most válassza ki a szöveg megváltoztatását az index.html oldalt, attól függően, hogy a nyelvi beállításokat a böngésző, például:
Saját kívül nagyon cool, és megvan az az előnye az emberek.
Itt fogjuk változtatni a „cool”.
Cserélje az alábbiak szerint: ->. ahol klass - az ő feltételes id.
Most nyissa meg a fájlt, és messages.json a következő bejegyzést:
"Klass" # 58; "Üzenet" # 58; „Itt a fordítás a szó”
>
Ennek eredményeként, a messages.json fájl a következőképpen néz ki:
"ExtensionName" # 58; "Üzenet" # 58; „A neve a kiegészítő”
>
"ExtensionDescription" # 58; "Üzenet" # 58; „A leírást kiegészítői.”
>
"Klass" # 58; "Üzenet" # 58; „Itt a fordítás a szó”
>
>
Ezen elv szerint, ha nem tud minden szükséges elem a szöveg a terjeszkedés.
Ja ... majdnem elfelejtettem ...
Emlékezz az elején, amikor megbeszéltük a manifest.json fájlt a saját területén „név” és a „leírás” értékek „__MSG_extensionName__” és „__MSG_extensionDescription__” illetve?
Így - változás következik be nyilvánvaló nyújtsa ugyanúgy - a szabványos id ezeken a területeken, amelyek szükségesek lefordítani az érintett területeken.
Nos, a fajta minden. A többnyelvű azt a fajta kitalálta ...
5. rész röviden többi böngésző.
Nos, elméletben hazudsz az asztalon kész a bővítés az Opera böngészőt, akkor már le azt a katalógust, és kapott muleny növények ... De mi a helyzet a többi böngésző, a Chrome és chasnosti Ya.Brauzer?
De Chrome egyszerű, csak megy a boltba, és kiterjesztések feltölteni zip archívumba a kiegészítő fájljait, a kifizető ezt megelőzően 5 # 036; a kincstár ....
Természetesen, hozzátéve, hogy az üzletek bővítmények létesítő árnyalatok és finomságok, de erről bővebben később ...