„Firefox“ kūrėjo 6 versija
„Firefox“ kūrėjo leidimas yra vienintelė naršyklė, sukurta ypač kūrėjams. Standartinės versijos kūrėjo įrankiai pirmiausia pasirodo kūrėjo leidime, o kūrėjo leidime yra įrankių, kurie nėra ir nebus pateikti standartiniame leidime. Šiandien mes ketiname pažvelgti į kai kurias šiuo metu naudojamas priemones galima rasti tik kūrėjo leidime.
Jei esate kažkas, kas niekada nenaudojote ar nėra gerai susipažinęs su kūrėjų įrankiais, netgi tais, kurie yra standartinėje versijoje, pirmiausia patikrinkite šį „CoolTools Challenger“ „Mozilla“. Čia galite praktikuoti su kai kuriais toliau nurodytais įrankiais „Firefox“ kūrėjo leidimo naršyklėje. Pavyzdžiai yra smagu ir lengva stebėti, instrukcijos yra paprastos ir, jei negalite pasivyti, tiesiog atlikite vaizdo įrašų pamoką.
1. Animacijos inspektoriaus įrankis
CSS animacijos vis dažniau pasitaiko, o „CSS“ animacijos įrankiai, kuriuos teikia „Firefox“ kūrėjo leidimas, leidžia lengvai sekti ir tikrinti kiekvieną sukurtą animaciją. Galite sustabdyti, paleisti ir pakeisti bet kokią animaciją; taip pat galite peržiūrėti jį rėmo rėmu per šveitimą.
Norėdami pasiekti įrankį, atidarykite Inspektorius įrankis, dešiniuoju pelės klavišu spustelėjęs animacinis elementas ir pasirinkęs „tikrinti elementą“, tada dešinėje „dev“ įrankio lango pusėje spustelėkite „Animacijos“.
2. Animacijos laiko funkcijos redaktorius
Animacijos trukmė yra redaguojama dev įrankyje, tiesiog spustelėkite piktogramą šalia funkcijos Taisyklės skyriuje Inspektorius atsiveria įrankis ir pasirodo langas, rodantis funkcijų kreives. Tai galite vilkti ir keisti, kad galėtumėte koreguoti animacijos laiką. Kai atliksite kreivių pakeitimus, jūsų animacijos greitis atitinkamai pasikeis.
Jei dar nesate susipažinę su kubiniu „Bezier“ animacijos funkcija, aš rekomenduoju šį įrašą sužinoti daugiau apie tai.
3. CSS savybių spalvų parinkiklis
Jau yra standartinis „Firefox“ leidime esantis spalvų rinkiklis (daugiau apie tai skaitykite šiame pranešime), kuris pasiima spalvą iš puslapio ir nukopijuoja jį į iškarpinę. Tačiau dabar paminėsiu spalvų rinkiklį būdinga savybių CSS spalvų reikšmėms.
Be kiekvienos CSS spalvos vertės Taisyklės skyriuje Inspektorius įrankis, yra piktograma, kuri atidarys spalvų ratą, kai paspaudžiamas. Galite pasirinkti norimą spalvą iš rato.
Jei jau turite pageidaujamą spalvą, o tai, kas atsitinka puslapyje, tiesiog spragtelėjimo apačioje spustelėkite akių antgalio įrankį, kad atidarytumėte spalvų parinkiklį, tada vilkite rinkiklį į norimą spalvą ir spustelėkite ją . CSS spalvos vertė bus pakeista į pasirinktos spalvos spalvą.
4. Matavimo priemonė
Šis įrankis leidžia matyti žymeklio XY padėtį ir aukščio, pločio ir įstrižainės matmenis pasirinktos dalies taškuose. Jei norite naudoti įrankį, pirmiausia turite ją įjungti kūrėjui Įrankių dėžutės parinktys, pažymėdami žymimąjį laukelį „Matuokite puslapio dalį“, esantį „Galimos įrankių dėžutės mygtukai“.
Kai įjungtas, „dev“ įrankio lango viršuje bus rodoma valdiklio piktograma, spustelėkite tą piktogramą ir perkelkite žymeklį ant puslapio. Su žymekliu matysite XY pozicijas. Norėdami matuoti plotį, aukštį ir įstrižainę, tiesiog spustelėkite ir vilkite, kad pasirinktumėte norimą matuoti dalį.
5. CSS filtro redaktorius
Jei pageidaujate, kad CSS filtras būtų naudojamas puslapyje esančiame elemente, Taisyklės skyriuje Inspektorius įrankis, kuris paspaudus atveria CSS filtro redaktorių.
Jei norite pašalinti filtrą, dešinėje filtro pavadinimo dalyje spustelėkite × ženklą. Jei norite pridėti filtrą, spustelėkite apačioje esantį filtro langelį ir pasirinkite norimą pridėti ir spustelėkite + ženklas. Taip pat galite perorganizuoti filtrus į bet kurią eilę, vilkite kiekvieną elementą.
6. Atminties įrankis
Su šiuo įrankiu galite sužinoti, kas užima atmintį savo tinklalapyje. Tai padeda imtis veiksmų, kad sumažintumėte atminties naudojimą ir atitinkamai padidintumėte puslapio greitį.
Jei norite naudoti šį įrankį, pirmiausia turite jį įjungti Įrankių dėžutės parinktys pažymėdami žymimąjį laukelį „Atmintis“, esantį „Numatytasis„ Firefox “kūrėjo įrankis“. Kai tik patikrinsite, „Tool“ lango viršuje pamatysite skyrių „Memory“ iškart po „Performance“. Pasirinkite.
Norėdami naudoti įrankį, spustelėkite „Fotografuoti“ arba kameros mygtuką. Pamatysite sąrašą objektų, pvz., Objektų ir scenarijų, kurie užima atmintį .
