Pagrindinis » Interneto svetainės dizainas » 15 Grafinių komandų eilutės (GCLI) komandos „Firefox“, skirtos „Front-End Developers“

    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:

    1. Paspauskite klavišą Shift + F2.
    2. 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.
    3. 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 > žyma į HTML dokumento dalis.

    10. Fotografuokite

    Komanda: ekrano kopija

    The integruotas ekrano fotografavimo įrankis „Firefox“ yra gana galingas. Pavyzdžiui, galite nukreipti atskirus elementus, naudodami CSS selektorius, naudoti laikmatį, taikyti a dpr. Jūs netgi galite fotografuoti tik chromo naršyklės dalis (sritis, kurioje yra vartotojo turinys) ekrano kopija - chromas komandą.

    Ekrano nuotraukos yra išsaugotos Parsisiųsti aplanką naršyklės PNG formatu.

    11. Atidaryti valdovai

    Komanda: valdovai

    Dar vienas „Firefox“ sukurtas įrankis, lengvai pasiekiamas per GCLI. The valdovai komandą rodo horizontalius ir vertikalius valdiklius aplink puslapį. Valdovų matavimai yra pikseliais. Paleiskite tą pačią komandą, kad išjungtumėte valdiklį.

    12. Atidarykite konsolę ir derintuvą

    Komanda: atidaryta konsolė ir dbg atidarytas

    Jei klaviatūra trumpina atidaryti žiniatinklio konsolę arba derinimo įrankį paslėpėte protą, nesijaudinkite, tiesiog įveskite paprastą komandą atidaryta konsolė arba dbg atidarytas į „Firefox“ komandų eilutę, kad atidarytumėte atitinkamą įrankį.

    13. Skaičiuokite puslapio elementus

    Komanda: qsa

    Ši gifli komanda gaus greitą tinklalapio elementų surašymą atitinka bet kurį CSS selektorių. Pavyzdžiui, norėdami gauti viską elementus, naudokite qsa a komandą.

    14. Įgalinti arba išjungti priedus

    Komanda: Addon sąrašas

    Jei kada nors reikia apžiūrėti ir valdyti „Firefox“ priedus, rekomenduoju naudokite GCLI komandas, o ne priedų meniu nes GCLI versija išvardija visus priedus ir įskiepius, įskaitant iš anksto įdiegtus, kuri gali būti neįtraukta į meniu „Papildiniai“.

    GCLI papildomą būseną galite perjungti su komanda Pridėti taip pat po atitinkamo pakomitečio įjungti arba išjungti.

    Žemiau esančioje demonstracijoje galite matyti kaip greitai išjungti kišenę „Firefox“.

    15. Valdykite nustatymus

    Komanda: parodyti

    Yra tonų tinkinimo nustatymus vartotojai gali pasiekti „Firefox“ apie: config puslapyje. Tokius pačius nustatymus galima peržiūrėti ir keisti taip pat naudojant GCLI.

    GCLI naudojimas norint pasiekti tinkinimo nustatymus greičiau jei jau žinote, kurią konfigūraciją norite peržiūrėti ar keisti. Į nustatyti nustatymo vertę, naudoti pref rinkinys komandą ir iš naujo nustatyti nustatymą, tipas pref reset .

    Žemiau esančioje demonstracijoje galite pamatyti, kaip patikrinkite URI švirkšti jQuery komanda įdėjo į puslapį (žr. šio straipsnio 9 dalį):