Nupu loomine ja lisamine Firefoxi navigeerimise tööriistaribal [Juhend]

Täna toome Firefoxi juhendi, mida igaüks saab jälgida, et luua kohandatud nupp navigeerimise tööriistaribal. Lisaks nähtavatele nuppudele navigeerimise tööriistaribal on ka nimekiri teistest nuppudest, millel on erinev Firefoxis pakutavad funktsioonid, mida saab lisada kõikjale tööriistaribal ja mida saab vastavalt vajadusele kohandada teie vajadused. Kuna nupu asukohta ja käitumist saab muuta ilma lisateadmisi nõudmata, saab seda teha hõlpsalt ehitada uus laiend, mis käitub vastavalt juhistele, istub määratletud asendis, olles samal ajal kõrgel kohal kohandatav. See postitus räägib sellest, kuidas luua lihtne laiend - tööriistariba nupp, mis pakub lihtsat funktsionaalsust.

Alustamiseks peate kõigepealt välja selgitama pikendused kaust (see, mis asub kaustas Firefox Profiles). Windows 7 ja Windows Vista kasutajad leiavad selle kausta siit;

C: \ Kasutajad \ <> \ AppData \ rändlus \ Mozilla \ Firefox \ Profiilid \ <> \ laiendid

Kui kasutate Windows XP, tippige %Aplikatsiooni andmed% Windows Run konsoolis ja klõpsake sisestusklahvi.

Nüüd avage Firefoxi kaust ja seejärel Profiilid -> -> laiendite kaust

Kunagi pikendused kaust avatakse, looge uus kaust nimega kohandatud tööriistariba- nupp@näide.comselles.

Avage vastloodud kaust ja looge uus kataloog kroom, koos kahe failiga - kroom.manifest ja install.rdf. Nüüd redigeerime neid faile tekstiredaktoris. Arvame, et võite kasutada mis tahes UTF-8 toega redigeerijat, näiteks - Windowsi sisseehitatud märkmik.

Esiteks avage kroom.manifest faili ja sisestage järgmised koodiridad init. Allpool esitatud kood on funktsionaalne ka Thunderbird posti, komponeerimise ja aadressiraamatu akende ning Sunbird jaoks. Kui aga peate kasutama nuppu ainult Firefoxis, võib Thunderbird ja Sunbird koodiridad välistada.

sisu custombutton chrome / style chrome: //global/content/customizeToolbar.xul chrome: //custombutton/content/button.css # Firefoxi ülekate kroom: //browser/content/browser.xul kroom: //custombutton/content/button.xul # Thunderbird posti ülekatte kroom: //messenger/content/messenger.xul kroom: //custombutton/content/button.xul # Thunderbird komponeerib ülekatte kroom: //messenger/content/messengercompose/messengercompose.xul kroom: //custombutton/content/button.xul # Thunderbird aadressiraamatu ülekatte kroom: //messenger/content/addressbook/addressbook.xul chrome: //custombutton/content/button.xul # Sunbird overlay chrome: //calendar/content/calendar.xul chrome: //custombutton/content/button.xul

Kui kood on faili sisestatud, sulgege see pärast muudatuste salvestamist. Nüüd muutke install.rdf faili, peate selle sisestama järgmised koodiridad. Nupu üldist kirjeldust saate muuta, teksti saab lisada koodi 6., 7. ja 8. reale (tuleb lisada jutumärkidesse), saate sisestada nupu nime, kirjeldava teksti ja looja nimi.

1.0 Firefox  Äikeselind  Päikeselind 

Kui olete kirjeldust muutnud, salvestage muudatused ja sulgege fail. Pidage meeles vastloodud kausta (kroom), kus loome 3 faili ja sisestame 2 pilti. Esmalt looge 3 faili, millel on järgmised nimed;

• nuppu.css
• nupp.xul
• nuppu.js

Nüüd rakendame nupule stiili, siin pole midagi keerukat, rakendame lihtsalt nupu kujunduse üle mõnda põhivormingut (määrake pildi mõõtmed ja hõljutage nuppu nupul). Kui olete tuttav CSS-faili (kaskaadlaadileht) kujundamisega, on väärtuste ja efektide muutmine a cinch, kui aga kuulete selle nime esmakordselt, sisestage lihtsalt järgmised stiili read kood sisse nuppu.css salvestage muudatused ja sulgege see.

# kohandatud nupp-1, # ümbris-kohandatud nupp-1 {list-style-image: url ("chrome: //custombutton/content/button-1.jpg");} / * kõigi kohandatud stiil nupud * / .kohandatud nupp {-moz-image-region: rect (0xx 24px 24xx 0px);} .custombutton: hover {-moz-image-region: rect (24px 24px 48px 0px);} [ikoonide suurus = "väike"] .kohandatud nupp {-moz-image-region: rect (0px 40px 16px 24px);} [iconsize = "small"] .custombutton: hover {-moz-image-region: rect (24px 40 pikslit 40 pikslit 24 pikslit);}

Nüüd avage nupp.xul faili tekstiredaktorisse ja sisestage järgmised koodiridad. Pidage meeles, et pakume koodi ka Thunderbirdile ja Sunbirdile. Kui olete järginud seda juhendit ainult Firefoxi jaoks, saate välja jätta read, mis on seotud Thunderbird & Sunbirdiga.

1.0UTF-8tekst / csskroom: //custombutton/content/button.css Firefox Thunderbird post Thunderbird komponeerib Thunderbird aadressiraamat Päikeselind nupu üksikasjad 

Nüüd peate sisestama kaks nimefaili nupp-1.jpg ja Ikoon.jpg parima tulemuse saamiseks mõõtmetega 40 × 48 ja 48 × 48. Siiski saate luua pilte, mis ei ületa 48 pikslit laiust ja pikkust. Altpoolt näete nuppude pilte, mida me kasutame - nupp-1.jpg pilt on tööriistariba nupule vastavate suurustega (suur ja väike) ning hõljumisefekti saab näha mõlema vaikepildi all. Ikoon.jpg pilt viitab peamisele pikendusikooni pildile (seda, mida näete Firefoxi laienduste galeriis)

nupp-1.jpg

Ikoon.jpg

Pärast loomist liikuge 5. faili - nuppu.js. Sellel JavaScripti failil on palju tähtsust, kuna see määratleb nupu peamised funktsioonid. Saate lisada skripti näidise, mis palub sõnumit funktsionaalsuse kontrollimiseks, või minna skripti ette, et teha kõike, mida soovite. Lisaks on palju skripte, mis on mõeldud just nende nõuete täitmiseks. Samuti saate vaadata mõnda lihtsat, kuid kasulikku skripti siin. Kuna see juhend on mõeldud algtaseme kasutajatele, loome lihtsa järjehoidjaüksuse, mis avab määratud veebisaidi. Ava nuppu.js faili ja sisestage järgmised koodiridad järjehoidja nupu loomiseks (kuvamiseks Firefoxi tööriistaribal).

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

Nüüd on teil hea minna. Arvame, et saaksite kontrollida mainitud failidesse sisestatud koodi ja kontrollida uuesti pildi mõõtmeid. Uue loodud laienduse installimiseks sulgege kõik töötavad Firefoxi eksemplarid ja käivitage see. Kui kõik läks hästi, näete tõenäoliselt uut pistikprogrammi installimise viipet, mis näitab, et laienduse installimine on õnnestunud.

Uue nupu kuvamiseks navigeerimise tööriistaribal klõpsake menüü Vaade alammenüü Tööriistaribad all valikul Kohanda.

Ilmub dialoogiboks Kohanda tööriistariba, kust peate vastloodud nupu lohistama navigeerimise tööriistariba kohal. Pärast sisestamist saate selle asukohta muuta, lohistades seda kuhu iganes soovite.

Nüüd klõpsake lihtsalt nuppu, et kontrollida JavaScripti faili sisestatud funktsioone.

Saadud nupu funktsionaalsus on kasutaja määratletud, nii et teie funktsioonide kalibreerimine sõltub teie oskustest. Algajad kasutajad saavad luua otseteid, linkida rakendusi ja kujundada järjehoidjaid, samal ajal kui kasutajad on vahel unustatud keskmine ja asjatundlik tase saab seda kindlasti rohkem kasutada ja lisada JavaScripti vajaliku funktsionaalsuse faili.