15 Grafinių komandų eilutės (GCLI) komandos „Firefox“, skirtos „Front-End Developers“
Nesvarbu, kiek išgalvotų mygtukų ir meniu mes turime, visada yra programuotojų, kurie vertina tai prieigą prie komandinės eilutės darbo aplinkoje, ypač kai ji pašalina dešiniojo mygtuko ar meniu medžioklę kad mūsų matymo linijoje rodomas reikalingas nustatymas.
„Firefox“ turėjo a Grafinis komandinės eilutės vertėjas, arba trumpai a GCLI ilgą laiką ir pailgindamas savo komandą. GCLI komandos suteikia kūrėjams a greita prieiga prie kūrimo ir konfigūravimo įrankių. Ji taip pat turi automatinio užbaigimo funkcija; jei paspausite Tab, kai įvesite bet kurią komandą, bus įvestos GCLI siūlomos komandos.
Įrankių juosta
„Firefox“ GCLI taip pat žinomas kaip Kūrėjo įrankių juosta. Yra trimis būdais atidaryti:
- Paspauskite klavišą Shift + F2.
- Spustelėkite “Atidarykite meniu” (hamburgerio) piktograma dešinėje adresų juostos pusėje (dešinėje pusėje), tada spustelėkite Kūrėjas> Kūrėjo įrankių juosta submeniu.
- Viršutiniame meniu juostoje pažymėkite Įrankiai> Žiniatinklio kūrėjas> Kūrėjo įrankių juosta parinktis.
Kai kūrėjo įrankių juosta yra atidaryta, galite ją pamatyti naršyklės lango apačioje. Jei nusprendėte dirbti su GCLI, Norėčiau tiesiog palikti ją atvirą visą darbo laiką.
Dabar pažiūrėkime keletą naudingų užduočių, kurias galite atlikti „Firefox“ naudojant GCLI.
1. Pašalinkite puslapio elementus
Komanda: pašalinkite elementą
Kai reikia peržiūrėti kitą tinklalapio išdėstymą kai kurie elementai pašalinti, tiesiog įveskite komandą pašalinkite elementą
į „Firefox“ komandų eilutę, kad pašalintumėte šiuos elementus iš puslapio.
Vertė
turi būti a galiojantis CSS selektorius puslapyje. Pasakykite, kad puslapyje, kuriame norite pašalinti visas klasės nuorodas (konkrečiai) .btn
, komanda yra parašyta kaip: pašalinkite elementą a.btn
.
Paprastai komanda „pagemod“
naudojamas puslapio keitimas, pašalinant arba pakeičiant pasirinktus elementus ar atributus.
2. Išmatuokite elementus
Komanda: priemonė
Jeigu nori žinoti matavimą bet kokio vizualinio modulio tinklalapyje, yra įrankis. The “priemonė” įrankis yra prieinamas per tipišką žiniatinklio kūrėjo įrankių rinkinį ir GCLI.
Įveskite ir įveskite priemonė
komandą į komandų eilutę ir žymeklį virsti kryželiu. Matavimai bus atlikti rodomas pikseliais šalia kryžminio žymeklio ir yra plotis, aukštis ir įstrižainės ilgis pasirinkto ploto. Norėdami išjungti įrankį, iš naujo paleiskite priemonė
komandą.
3. Greitai redaguokite failus
Komanda: Redaguoti
Pradėti redaguoti savo puslapio išteklius su Redaguoti
komandą. Rašydami komandą pamatysite Visų turimų išteklių URI iš šio puslapio, kurį galite naršyti naudodami rodyklių aukštyn ir žemyn klavišus. Pasirinkę norimą redaguoti šaltinį, paspauskite „Tab“, kad automatiškai užbaigtumėte pasiūlymą, ir paspauskite „Enter“ ir „ naršyklės redaktoriaus įrankis atidarys pasirinktą failą.
4. Ieškokite nepažįstamų CSS savybių
Komanda: mdn css
Tai yra gana kietas komanda, tai yra natūra iššokantis žodynas CSS savybėms. Jei aptinkate nepažįstamą CSS nuosavybę ir norite patikrinti, ką jis reiškia, paleiskite komandą mdn css
GCLI su
pakeistas faktiniu to nepažįstamo turto pavadinimu.
Atsiranda iššokantis langas su “apibrėžimas” už tą CSS nuosavybę tiesiai virš įrankių juostos. Apibrėžimas yra ištrauka iš oficialaus „Mozilla Developer Network“ (MDN) puslapio atitinkamo turto. Labai cituojami MDN CSS savybių, HTML elementų ir žiniatinklio API terminų žodynėlis.
Jei nepakanka teksto, rodomo iššokančiame lange, ir jūs norite daugiau sužinoti, galite spustelėti nuorodą Aplankykite MDN puslapį lango viduje ir atitinkamas MDN puslapis bus atidarytas. Dabar ši komanda skirta tik CSS savybėms.
5. Pakeiskite puslapio dydį
Komanda: pakeisti dydį
Padidinimo dydžio įrankis leidžia pamatyti, kaip atrodo jūsų puslapis dydį, kuri gali būti naudinga, jei norite peržiūrėti savo puslapio išvaizdą įrenginiuose, kurių matmenys skiriasi nuo jūsų naudojamų matmenų.
„Firefox“ taip pat turi a spartusis klavišas, norėdami atidaryti šį įrankį: Ctrl + Shift + M (Cmd + Alt + M Mac). Bet jei jau esate žinoti tikslius matmenis kad būtų galima naudoti dydį, greičiausias būdas yra paleisti keisti dydį
komandą su reikiamais matmenimis.
Matmenys yra interpretuojami pikseliais. Kai komanda bus paleista, pamatysite pakeistą puslapį.
6. Paleiskite naršyklę iš naujo
Komanda: perkrauti
Ši komanda yra akivaizdi. Norėdami paleisti „Firefox“, tiesiog įveskite perkrauti
į komandų eilutę ir paspauskite „Enter“, gali būti naudinga, kai įdiegsite papildinius ar įskiepius, kuriems reikia paleisti iš naujo.
7. Atidarykite „Firefox“ profilio aplanką
Komanda: aplankas openprofile
Kiekvienas „Firefox“ naudotojas gauna jų savo vietinio profilio aplanką kad saugo naudotojo konkrečius failus, pavyzdžiui, žymes ir / chromas
aplanką. Suasmeninę „Firefox“, gali tekti peržiūrėti ir keisti šio aplanko turinį.
Alternatyvus būdas atidaryti šį aplanką yra spustelėti mygtuką Rodyti aplanką apie: palaikymas
puslapyje. Paleidžiant komandą aplankas openprofile
„Firefox“ komandų eilutėje matysite savo profilio aplanką atidaryti vienu metu.
8. Kopijuokite spalvų reikšmes
Komanda: akis
Išskyrus faktą, kad jis palaiko tik šešioliktainį formatą, akių skydelis yra puikus įrankis spalvos vertės kopijavimas bet kokį matomą atspalvį tinklalapyje. Įveskite komandą akis
į GCLI, kad perjungtumėte įrankio veikimą.
9. Išbandykite išorines bibliotekas
Komanda: švirkšti
Jeigu nori išbandyti kai kurias išorines bibliotekas savo tinklalapyje vietoj to, kad įdėtumėte į pradinį kodą, kad galėtumėte atlikti laikinus papildymus, tiesiog naudokite švirkšti
komandą įterpti bibliotekas. Pavyzdžiui, jei norite įtraukti tik jQuery tipą švirkšti jQuery
.
Vykdant komandą, išteklius bus importuotas į puslapį įterpiant a >