Ako vytvoriť a pridať tlačidlo v navigačnom paneli s nástrojmi Firefox [Sprievodca]

Dnes prinášame sprievodcu prehliadačom Firefox, ktorý môže každý vytvoriť podľa vlastného tlačidla na paneli s nástrojmi navigácie. Spolu s viditeľnými tlačidlami na paneli s nástrojmi navigácie je k dispozícii zoznam ďalších tlačidiel, ktoré sa líšia funkcie poskytované vo Firefoxe, ktoré možno pridať kdekoľvek na paneli nástrojov a môžu byť prispôsobené podľa vaše potreby. Keďže poloha a správanie tlačidla sa dá zmeniť bez toho, aby boli potrebné ďalšie znalosti, je možné ľahko vytvorte nové rozšírenie, ktoré sa správa podľa pokynov, sedí na definovanej pozícii a zároveň je vysoko prispôsobiteľné. Tento príspevok sa venuje tomu, ako vytvoriť jednoduché rozšírenie - tlačidlo na paneli nástrojov, ktoré poskytne jednoduchú funkčnosť.

Najprv musíte zistiť rozšírenie (priečinok, ktorý sa nachádza v priečinku Profily Firefox). Používatelia systému Windows 7 a Windows Vista tento priečinok nájdu tu;

C: \ Users \ <> \ AppData \ Roaming \ Mozilla \ Firefox \ Profiles \ <> \ Rozšírenie

Ak však používate systém Windows XP, napíšte %Dáta aplikácie% v konzole Windows Run a stlačte kláves Enter.

Teraz otvorte priečinok Firefox a potom Profily -> -> priečinky s príponami

Raz rozšírenie priečinok sa otvorí, vytvorte nový priečinok s názvom [email protected]init.

Otvorte novovytvorený priečinok a vytvorte nový adresár chróm, spolu s dvoma súbormi - chrome.manifest a install.rdf. Teraz tieto súbory upravujeme v textovom editore, predpokladáme, že budete používať akýkoľvek editor s podporou UTF-8, napríklad - vstavaný Poznámkový blok systému Windows.

Najprv otvorené chrome.manifest súbor a vložte nasledujúce riadky kódu init. Nižšie uvedený kód je funkčný aj pre okná Thunderbird pre poštu, písanie správ a adresáre a pre Sunbird. Ak však potrebujete použiť tlačidlo iba v prehliadači Firefox, je možné vylúčiť riadky kódu pre Thunderbird a Sunbird.

content custombutton chrome / style chrome: //global/content/customizeToolbar.xul chrome: //custombutton/content/button.css # Prekrytie prehliadača Firefox chrome: //browser/content/browser.xul chrome: //custombutton/content/button.xul # Prekryvná pošta Thunderbird chrome: //messenger/content/messenger.xul chrome: //custombutton/content/button.xul # Thunderbird vytvára prekrytie chróm: //messenger/content/messengercompose/messengercompose.xul chrome: //custombutton/content/button.xul # Prekrytie adresára Thunderbird chrome: //messenger/content/addressbook/addressbook.xul chrome: //custombutton/content/button.xul # Sunbird overlay chrome: //calendar/content/calendar.xul chrome: //custombutton/content/button.xul

Po vložení kódu do súboru ho po uložení zmien zatvorte. Teraz upravte install.rdf súbor, musíte doň vložiť nasledujúce riadky kódu. Môžete zmeniť všeobecný popis tlačidla, text môžete pridať do 6, 7 a 8 riadkov kódu (musia byť uzavreté do úvodzoviek), môžete zadať názov tlačidla, popisný text a tvorcu názov.

1.0 Firefox  buřňák  Sunbird 

Po zmene popisu uložte zmeny a zatvorte súbor. Pamätajte na novovytvorený priečinok (chróm), kde vytvoríme 3 súbory a vložíme 2 obrázky. Najskôr vytvorte 3 súbory s nasledujúcimi menami;

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

Teraz použijeme na tlačidlo styling, tu nie je nič zložité, na návrh tlačidla použijeme iba niektoré základné štýly (definujte rozmery obrázka a efekt vznášania sa na tlačidlo). Ak ste oboznámení s navrhovaním súboru CSS (Cascading Style Sheet), zmenené hodnoty a efekty budú cinch však, ak počujete jeho meno prvýkrát, jednoducho vložte nasledujúce riadky štýlu kód v button.css po dokončení uložte zmeny a zatvorte ich.

# custom-button-1, # wrapper-custom-button-1 {list-style-image: url ("chrome: //custombutton/content/button-1.jpg");} / * spoločný štýl pre všetky vlastné tlačidlá * / .custombutton {-moz-image-region: rect (0px 24px 24px 0px);} .custombutton: hover {-moz-image-region: rect (24px 24px 48px 0px);} [iconsize = "small"] .custombutton {-moz-image-region: rect (0px 40px 16px 24px);} [iconsize = "small"] .custombutton: hover {-moz-image-region: rect (24px) 40px 40px 24px);}

Teraz otvorte button.xul do textového editora a vložte nasledujúce riadky kódu. Nezabudnite, že poskytujeme kód aj pre Thunderbird a Sunbird. Ak ste postupovali podľa tohto sprievodcu iba pre Firefox, môžete vylúčiť riadky týkajúce sa Thunderbird & Sunbird.

1.0UTF-8text / csschrome: //custombutton/content/button.css Firefox Thunderbird pošta Thunderbird skladať Thunderbird adresár Sunbird Detaily tlačidla 

Teraz musíte vložiť dva obrazové súbory s menami Tlačidlo-1.jpg a icon.jpg s rozmermi 40 × 48 a 48 × 48, aby ste dosiahli čo najlepšie výsledky. Môžete však vytvárať obrázky ľubovoľnej veľkosti, ktorá nepresahuje šírku a dĺžku 48 pixlov. Nižšie nájdete obrázky tlačidiel, ktoré používame - Tlačidlo-1.jpg Obrázok je pre tlačidlo na paneli nástrojov s príslušnými veľkosťami (veľký a malý) a efekt vznášania je možné vidieť pod predvolenými veľkosťami oboch obrázkov. icon.jpg Obrázok predstavuje obrázok hlavnej ikony rozšírenia (ten, ktorý uvidíte v galérii rozšírení Firefoxu)

Tlačidlo-1.jpg

icon.jpg

Po vytvorení prejdite do 5. súboru - button.js. Tento súbor JavaScript má veľký význam, pretože definuje hlavnú funkčnosť tlačidla. Môžete pridať ukážkový skript, ktorý vyzve správu, aby otestovala funkčnosť, alebo si môžete urobiť predbežný skript, aby urobil, čo chcete. Existuje tiež veľa skriptov, ktoré boli vyvinuté špeciálne na splnenie požiadaviek. Môžete si tiež vyskúšať niektoré jednoduché, ale užitočné skripty. tu. Keďže táto príručka je určená pre používateľov na základnej úrovni, vytvoríme jednoduchú záložku, ktorá otvorí zadanú webovú stránku. Otvor button.js súbor a vložte nasledujúce riadky kódu, aby ste vytvorili tlačidlo záložky (aby sa zobrazilo na paneli nástrojov Firefoxu).

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

Teraz je dobré ísť, odporúčame vám skontrolovať kód, ktorý ste vložili do uvedených súborov, a znova skontrolovať rozmery obrázka. Ak chcete nainštalovať novovytvorené rozšírenie, zatvorte všetky spustené inštancie prehliadača Firefox a potom ho spustite. Ak by všetko šlo dobre, pravdepodobne by sa vám zobrazila nová výzva na inštaláciu doplnku, čo naznačuje, že rozšírenie bolo úspešne nainštalované.

Ak chcete, aby sa novovytvorené tlačidlo objavilo na navigačnej lište nástrojov, v ponuke Zobraziť kliknite v podponuke Panely nástrojov na položku Prispôsobiť.

Zobrazí sa dialógové okno Prispôsobiť panel s nástrojmi, odkiaľ musíte presunúť novovytvorené tlačidlo nad panel s nástrojmi navigácie. Po vložení môžete tiež zmeniť jeho polohu pretiahnutím kamkoľvek sa vám páči.

Teraz stačí kliknúť na tlačidlo a overiť funkčnosť vloženú do súboru JavaScript.

Funkčnosť výsledného tlačidla je definovaná používateľom, takže záleží na vašich schopnostiach, koľko môžete kalibrovať jeho funkcie. Začínajúci používatelia môžu vytvárať odkazy, prepájať aplikácie, vytvárať záložky, zatiaľ čo používatelia sú v medziach medzi nimi Priemerná a odborná úroveň ho určite môže lepšie využiť a pridať požadovanú funkcionalitu do hlavného JavaScriptu file.