Kako stvoriti i dodati gumb na alatnoj traci za navigaciju Firefox [Vodič]

Danas donosimo Firefox vodič koji svako može slijediti kako bi stvorio prilagođeni gumb na alatnoj traci za navigaciju. Uz vidljive gumbe na alatnoj traci za navigaciju, nalazi se popis ostalih gumba koji se razlikuju funkcionalnosti Firefoxa koje se mogu dodati bilo gdje na alatnoj traci i prema njima se mogu prilagoditi svoje potrebe. Budući da se položaj i ponašanje gumba mogu promijeniti bez potrebe za dodatnim znanjem, može se lako izgraditi novo proširenje koje se ponaša kao usmjereno, sjedi u definiranom položaju, dok je visoko prilagodljiv. Ovaj post opisuje kako stvoriti jednostavno proširenje - gumb na alatnoj traci koji će pružiti jednostavnu funkcionalnost.

Za početak prvo morate saznati ekstenzije mapa (ona koja se nalazi u mapi Profili Firefox). Korisnici sustava Windows 7 i Windows Vista ovdje će pronaći tu mapu;

C: \ Users \ <> \ AppData \ Roaming \ Mozilla \ Firefox \ Profiles \ <> \ Ekstenzije

Međutim, ako koristite Windows XP, upišite %Podaci aplikacije% u konzoli Windows Run i pritisnite Enter.

Sada otvorite Firefox mapu, a zatim Profili -> -> mapu proširenja

Jednom ekstenzije mapa se otvori, kreirajte novu mapu po imenu [email protected]u tome.

Otvorite novostvorenu mapu i kreirajte novi direktorij krom, zajedno s dvije datoteke - chrome.manifest i install.rdf. Sada ćemo uređivati ​​te datoteke u uređivaču teksta, smatramo da koristite bilo koji uređivač s podrškom za UTF-8, primjerice - Windows ugrađena bilježnica.

Prvo otvorite chrome.manifest datoteku i umetnite sljedeće retke koda init. Dolje kôd funkcionira i za Thunderbird poštu, sastavljanje i adrese adresara te za Sunbird. Međutim, ako trebate koristiti gumb samo u Firefoxu, retci koda za Thunderbird i Sunbird se mogu isključiti.

sadržaj prilagođeni gumb krom / stil krom: //global/content/customizeToolbar.xul krom: //custombutton/content/button.css # Firefox prekrivanje chrome: //browser/content/browser.xul chrome: //custombutton/content/button.xul # Thunderbird prekrivanje pošte chrome: //messenger/content/messenger.xul krom: //custombutton/content/button.xul # Thunderbird sastavi sloj krom: //messenger/content/messengercompose/messengercompose.xul krom: //custombutton/content/button.xul # prekrivanje adresara Thunderbird-a krom: //messenger/content/addressbook/addressbook.xul krom: //custombutton/content/button.xul # Krom prekrivača Sunbird: //calendar/content/calendar.xul krom: //custombutton/content/button.xul

Kad se kôd umetne u datoteku, zatvorite ga nakon što spremite promjene. Sada uredite install.rdf datoteku, morate umetnuti sljedeće retke koda u nju. Možete promijeniti opći opis gumba, tekst se može dodati u 6, 7 i 8 redaka koda (moraju biti zatvorene navodnicima), možete unijeti ime, opisni tekst i stvoritelja gumba Ime.

1.0 Firefox  velika ptica nalik orlu  Sunbird 

Nakon što promijenite opis, spremite promjene i zatvorite datoteku. Sjetite se novostvorene mape (krom), gdje ćemo stvoriti 3 datoteke i umetnuti 2 slike. Prvo stvorite 3 datoteke sa sljedećim imenima;

• button.css
• button.xul
• button.js

Sada ćemo primijeniti styling na gumb, ovdje nema ništa složeno, primijenit ćemo samo osnovni stil preko dizajna gumba (definirajte dimenzije slike i pomaknite pokazivač na gumb). Ako ste upoznati s dizajnom CSS datoteke (Cascading Style Sheet), promjene vrijednosti i efekti bit će a cinch, međutim, ako prvi put čujete njegovo ime, samo umetnite sljedeće stilske linije kod u button.css Nakon što završite datoteku, spremite promjene i zatvorite je.

# custom-button-1, # wrapper-custom-button-1 {list-style-image: url ("chrome: //custombutton/content/button-1.jpg");} / * zajednički stil za sve prilagođene tipke * / .custombutton {-moz-image-region: rect (0px 24px 24px 0px);} .ustrična tipka: lebdite {-moz-image-regija: rect (24px 24px 48px 0px);} [iconsize = "small"] .custombutton {-moz-image-region: rect (0px 40px 16px 24px);} [iconsize = "small"] .custombutton: lebdite {-moz-image-region: rect (24px 40px 40px 24px);}

Sada otvorite button.xul umetnite je u uređivač teksta i umetnite sljedeće kode. Imajte na umu da pružamo kôd i za Thunderbird & Sunbird. Ako slijedite ovaj vodič samo za Firefox, možete isključiti retke povezane sa Thunderbird & Sunbird.

1.0UTF-8text / csskrom: //custombutton/content/button.css Firefox Thunderbird pošta Thunderbird sastavi Thunderbird adresar Sunbird detalji gumba 

Sada morate umetnuti dvije slikovne datoteke s imenima Gumb-1.jpg i Icon.jpg s dimenzijama 40 × 48 odnosno 48 × 48 za postizanje najboljih rezultata. Međutim, možete kreirati slike bilo koje veličine koje ne prelaze 48px širine i dužine. Ispod možete vidjeti slike gumba koje koristimo - Gumb-1.jpg slika je za gumb na alatnoj traci odgovarajuće veličine (veliki i mali), a efekt pokazivača može se vidjeti ispod obje zadane veličine. Icon.jpg slika se odnosi na glavnu ikonu proširenja (onu koju ćete vidjeti u galeriji proširenja Firefox)

Gumb-1.jpg

Icon.jpg

Nakon kreiranja prijeđite na petu datoteku - button.js. Ova JavaScript datoteka ima veliku važnost jer će definirati glavnu funkcionalnost gumba. Možete dodati primjerak skripte koja traži poruku za testiranje funkcionalnosti ili uputiti se na unaprijed skriptu da biste radili sve što želite. Također postoje mnoge skripte koje su stvorene posebno za ispunjavanje nečijeg zahtjeva, također možete provjeriti neke jednostavne, ali korisne skripte ovdje. Budući da je ovaj vodič za korisnike na osnovnoj razini, stvorit ćemo jednostavnu stavku oznaka koja će otvoriti navedenu web stranicu. Otvori button.js datoteku i umetnite sljedeće retke koda da biste stvorili gumb oznake (za prikaz na alatnoj traci Firefoxa).

CustomButton = {1: function () {const url = " https://www.addictivetips.com/" dokument .getElementById ("sadržaj") .webNavigation .loadURI (url, 0, null, null, null)},}

Sada je dobro, mislim da ćemo provjeriti kôd koji ste umetnuli u spomenute datoteke i ponovo provjeriti dimenzije slike. Da biste instalirali novostvoreno proširenje, zatvorite sve pokrenute instance Firefoxa i pokrenite ga. Ako je sve prošlo dobro, vjerojatno biste vidjeli novi prompt za instalaciju dodatka, što ukazuje da je proširenje uspješno instalirano.

Da bi se novostvoreni gumb prikazao na alatnoj traci za navigaciju, u izborniku Prikaz, u podizborniku Alatne trake, kliknite Prilagodi.

Pojavit će se dijaloški okvir Prilagodivanje alatne trake, odakle morate povući novostvoreni gumb preko navigacijske alatne trake. Nakon što ga umetnete, također možete promijeniti njegov položaj povlačenjem bilo gdje.

Sada samo kliknite gumb kako biste provjerili funkcionalnost umetnuta u JavaScript datoteku.

Funkcionalnost gumba rezultira korisničkim definiranjem, tako da na vašim sposobnostima možete kalibrirati njegove funkcije. Novi korisnici mogu stvoriti prečace, povezati aplikacije, dizajnirati oznake dok korisnici u utoru između prosječna i stručna razina sigurno ga mogu više iskoristiti i dodati potrebnu funkcionalnost u glavnom JavaScriptu datoteka.