- 12Ovo se svidja korisnicima: Gedza98, Aco, _ivKe, Sale.S, Ričard, Default, E.L.I.T.E., NIx Car, TwinHeadedEagle, mcrule, vinted, Filodendron
Registruj se da bi pohvalio/la poruku!
Da ne smaram mnogo - Hteo sam neku mogućnost na nekom sajtu i dok sam pisao feedback administratorima, setim se da mogu i sam da napišem ekstenziju koja će mi omogućiti to što želim.
Uopšte nisam bio upoznat sa procesom do pre 15-tak minuta, pa je ovo više "smuti pa prospi" fazon.
Ispostavilo se da nije preteško.
Join in 
'K, ako bacimo pogled na zvanični tutorijal za pisanje ekstenzija za GC : [Link mogu videti samo ulogovani korisnici]
Vidimo da nam je ključan fajl u celoj priči manifest.json.
Ovaj fajl sadrži sve informacije koje su presudne za našu ekstenziju.
Mi ćemo napisati ekstenziju koja će se automatski aktivirati čim korisnik poseti neku stranicu a cilj te ekstenzije je da promeni vrednost nekog postojećeg elementa.
Neka nam MyCity forum bude zamorče.
Hajde da naziv svakog foruma promenimo u velika slova i na kraju dodamo uzvičnik.
Napravimo manifest.json i prekopiramo sledeće :
{
"manifest_version": 2,
"name": "MC Enlarger",
"description": "This extension changes size of forum titles",
"version": "1.0",
"content_scripts": [
{
"matches": ["http://www.mycity.rs/*"],
"js": ["mcEnlarge.js"]
}
],
"permissions": [
"activeTab"
]
}
Dakle, vidimo neke osnove koje su jasne same po sebi :
Naziv ekstenzije
Opis ekstenzije
Verziju ekstenzije
Zatim vidimo sekciju "content_scripts".
Kako se naš kod izvršava automatski po učitavanju stranice i menja sadržaj, treba nam taj tip skripte.
Tamo imamo referencu ka sajtu na kom želimo da se aktiviraju skripte i referencu ka samoj skripti.
To je trenutno mcEnlarge.js.
Sačuvajte fajl kao manifest.json u novi folder koji možete imenovati po želji.
U tom istom folderu napravite tekst fajl i promenite naziv i esktenziju u : mcEnlarge.js
Otvorite fajl u bilo kom editoru teksta ili IDE-u.
Ako pogledamo source MyCity stranica, vidimo da nazivi foruma koriste klasu "forumtitle".
Hajde prvo da pokupimo sve elemente koji koriste tu klasu, u skripti pišemo prvu liniju :
var forumTitles = document.getElementsByClassName("forumtitle");
Zatim želimo da prođemo kroz svaki unos forumTitles-a i da mu modifikujemo innerHTML.
for (var i = 0; i < forumTitles.length; i++) {
var currTitle = forumTitles[i].innerHTML;
forumTitles[i].innerHTML = currTitle.toUpperCase() + " !";
}
Prvo sačuvamo vrednost innerHTML-a u promenljivoj currTitle, zatim kao vrednost innerHTML-a trenutne stavke dodelimo istu tu vrednost koju smo sačuvali, samo što je ovog puta provučemo kroz toUpperCase() i dodamo uzvičnik na kraju. To se isto ponavlja za svaku stavku koju smo ranije pronašli.
Otvorimo Settings > Extensions > Developer Mode (check) > Load Unpacked Extension > Izaberite folder sa json i js fajlovima.
Ukoliko ste ispratili uputstva lepo, sada imate novu ekstenziju koju smo upravo napisali u listi ekstenzija.
Hajde da je testiramo 
U novom tabu otvorite bilo koji deo MyCity foruma i videćete da su naslovi foruma napisani velikim slovima i imaju znak uzvika na kraju.
p.s. i teme koriste istu tu klasu, sada sam video 
Uglavnom, vidite da nije uopšte teško modifikovati sadržaj na postojećim stranicama.
Isto tako nije teško dodati nove elemente u DOM, kako sam video.
Meni je ovo svakako postalo interesantno sada još više, pa ću možda da posvetim malo vremena nekim jednostavnijim ekstenzijama.
Source :
[Link mogu videti samo ulogovani korisnici]
[Link mogu videti samo ulogovani korisnici]
Dopuna: Prvobitno napisano januara 2016. godine
|
Kada pakujete proširenje gledajte da sačuvate 
