“Unutar našeg sadašnjeg života, više smo željni koristiti aplikacije društvenih mreža i Google tražilicu za zabavu i pretraživanje, tj. istražiti neku edukativnu temu putem “Google” tražilice i steći opće znanje. Da bismo pomoću Google tražilice tražili nešto, moramo imati već instaliran neki preglednik na mobitelu, prijenosnom ili osobnom računalu. Jedan od najkorištenijih i najučinkovitijih preglednika današnjeg stoljeća je preglednik 'Google Chrome' koji je ponudio mnogo dobrih funkcionalnosti zajedno s korisnošću proširenja. 'Proširenje' je dodatak koji se nalazi u bilo kojem pregledniku za ograničavanje ili dopuštanje web stranica i različitih funkcija. Ova proširenja obično nisu ugrađena; morate dodati svako proširenje u svoj preglednik zasebno kad god je potrebno. Ako ste mali stručnjak za tehnologiju, onda možda znate koristiti JSON datoteke manifesta za stvaranje i dodavanje proširenja u nekoliko koraka. Stoga će ovaj članak pokriti sve te korake za stvaranje novog proširenja u pregledniku Google Chrome.
Prije nego što pogledate metodu za stvaranje proširenja, morate se uvjeriti da je vaš Google Chrome preglednik već pokrenut i da 'Google' tražilica ne sadrži nikakvu pozadinu. Možete vidjeti da donja slika nema pozadinu za tražilicu 'Google.com', tj. samo bijelu pozadinu.'
Dodajte mapu proširenja
Brzo otvorite svoj alat Visual Studio Code iz aplikacija vašeg Windows sustava. Može potrajati do 1 minute da se Visual Studio Code ispravno otvori i omogući za našu upotrebu. Nakon što je pravilno pokrenut i spreman za korištenje, dodali smo već generiranu mapu 'Extension' u nju preko popisa izbornika 'File' na gornjoj programskoj traci prikazanoj u nastavku. Nakon što smo stvorili mapu 'Extension', u nju smo dodali još jednu mapu pod nazivom 'image' koja sadrži slike koje će se koristiti kao ikone za ekstenziju u pregledniku. Uz to, dodali smo jednu datoteku 'manifest.json' i jednu javascript datoteku pod nazivom 'script.js' kako bismo stvorili novu ekstenziju i dodali je u preglednik. Krenimo od datoteke manifest.json dvostrukim klikom na nju da počnemo raditi u JSON-u kako bismo izradili i koristili proširenje za promjenu pozadine 'Googlea'.
Stvorite datoteku manifesta
Unutar datoteke manifest.json trebali biste dodati 'JSON' kod prikazan ispod. Ovaj kod je stvarna konfiguracijska skripta za stvaranje i dodavanje proširenja našem pregledniku Google Chrome. Ovaj JSON kod je pokrenut s inicijalizacijom za verziju manifesta varijable kao '2' i nazivom proširenja koje će se izraditi, tj. 'Promijeni pozadinu'. Nakon toga, dodali smo kratki opis za naše proširenje unutar varijable 'description'.
Uz to, dodali smo verziju proširenja kao '1.0'. Nakon što su sve osnovne konfiguracije za 'proširenje' stvorene, moramo dodati put do ikone slike koja će se koristiti kao ikona za proširenja. Varijabla 'preglednik' definirana je za postavljanje ikone proširenja za gornju programsku traku preglednika Google Chrome, tj. gdje se prikazuju sva proširenja nakon što ih omogućite za buduću upotrebu za određene ili sve stranice. Nakon toga smo dodali put do tri slikovne datoteke različitih veličina tako da preglednik može svaki put koristiti različite datoteke.
Uz to, varijabla “page_action” korištena je za prikaz koja slika treba biti prikazana nakon klika na ikonu “extensions” na gornjoj programskoj traci Google Chromea. Varijabla 'Default_icon' korištena je unutar njega, zajedno s tri različite vrijednosti putanje za slike koje će se koristiti kao ikone pri svakom ponovnom učitavanju. U tu svrhu koriste se tri različite slikovne datoteke. Posljednja varijabla content_scripts u sebi sadrži ukupno 2 nove varijable, tj. podudaranja i CSS. Varijabla 'odgovara' sadrži put do web mjesta koje treba promijeniti nakon što se stvori ovo novo proširenje. Uz to, varijabla 'CSS' sadrži naziv CSS datoteke koja se koristi za stiliziranje Google.com nakon prijave za proširenje, tj. stiliziranje Google.com nakon svakog ponovnog učitavanja prilikom omogućavanja proširenja. Sada kada je ovaj kôd dovršen i spreman za upotrebu, samo ga brzo spremite i idite prema datoteci 'main.css'.
U CSS datoteci main.css dodavali smo stil za našu ekstenziju datoteke manifesta koju treba izraditi. Stil bi se primijenio pomoću html oznake 'body', tj. primijenio bi se na cijelo područje 'body' datoteke manifesta. Postavljali smo novu pozadinu za Google.com koristeći 'URL' slikovne datoteke iz tražilice. Sada prije svega spremite svoj kod.
Nakon dovršetka potrebnih kodova, tj. datoteke manifest.json i main.css, moramo otvoriti uslužni program Extensions u pregledniku Google Chrome putem URL-a chrome://extensions” u novoj kartici. Otvara se područje uslužnog programa Extensions. Iz načina za razvojne programere trebate učitati raspakiranu mapu 'Extension' iz vašeg lokalnog sustava kako biste je učinili proširenjem putem gumba 'load unpackaged' prikazanog na slici ispod. Proširenje je učinkovito dodano pregledniku Chrome, kao što je prikazano. Uklonite pogreške kako bi u potpunosti radio.
Iz ikone 'proširenje' odaberite proširenje 'Promijeni pozadinu' da biste ga prikazali na programskoj traci, tj. proširenje ikone 'C'.
Nakon ponovnog učitavanja Google.com, njegova je pozadina ažurirana pomoću ovog proširenja.
Zaključak
Počevši od objašnjenja korištenja preglednika u sustavu Windows, raspravljali smo i o važnosti ekstenzija u bilo kojem pregledniku. Nakon kratkog objašnjenja ekstenzija, objasnili smo metodu korištenja JSON datoteke manifesta za stvaranje ekstenzije za preglednik Google Chrome i kako je koristiti za promjenu pozadine za tražilicu 'Google.com'. Nakon učitavanja proširenja na Google Chromeu, koristili smo ga na Google.com za promjenu pozadine.