15 Graafilise käsurea (GCLI) käsud Firefoxis Front-End arendajatele

Ükskõik kui palju on väljamõeldud nuppe ja menüüsid, on alati programmeerijad, kes hindavad seda käsurea juurdepääs töökeskkonnas, eriti kui see on kõrvaldab parema nupu või menüü mis näitab meie vaateväljas vajalikku seadistust.

Firefoxil on olnud a Graafiline käsurea tõlk, või lühidalt a GCLI juba mõnda aega ja laiendanud oma käsku aja jooksul. GCLI-käsud pakuvad arendajatele a kiire juurdepääs arendus- ja konfiguratsioonivahenditele. Samuti on sellel automaatse täitmise funktsioon; kui vajutate suvalise käsu kirjutamise ajal klahvi Tab, sisestatakse GCLI poolt soovitatud käsud.

Tööriistariba

Firefoxi GCLI on tuntud ka kui Arendaja tööriistariba. Seal on kolmel viisil selle avamiseks:

1. Vajutage kiirklahvi Shift + F2.
2. Klõpsake nuppu “Avage menüü” (hamburger) ikoon aadressiriba paremas servas (paremal nupul Kodu) ja seejärel klõpsake nuppu Arendaja> Arendaja tööriistariba alammenüü.
3. Märkige ülemises menüüribas Tööriistad> Veebiarendaja> Arendaja tööriistariba valik.

Kui arendaja tööriistariba on avatud, näete seda brauseri akna allosas. Kui olete otsustanud koos GCLI, Soovitan jätta see töötamise ajal kogu aeg avatuks.

Nüüd vaatame mõningaid kasulikke ülesandeid, mida saate Firefoxis teha kasutades oma GCLI.

1. Eemaldage lehekülje elemendid

Käsk: pagemod eemalda element

Kui teil on vaja veel vaadata veebilehe paigutust mõned elemendid on eemaldatud, kirjuta lihtsalt käsk pagemod eemalda element Firefoxi käsurealt, et need elemendid lehelt eemaldada.

Väärtus peab olema a kehtiv CSS-valija. Ütle, lehel, kuhu soovite eemaldada kõik klassi lingid (konkreetselt) .btn, käsk on kirjutatud järgmiselt: pagemod eemalda element a.btn.

Üldiselt käsk pagemod kasutatakse lehekülje muutmine, valitud elementide või atribuutide eemaldamisega või asendamisega.

2. Mõõtke elemendid

Käsk: meede

Kui sa tahad teate mõõtmist mistahes visuaalse mooduli kohta veebilehel, on selleks tööriist. The “meede” tööriist on kättesaadav nii tüüpilise veebiarendustööriistade kui ka GCLI kaudu.

Sisestage ja sisestage meede käsureale ja kursor muutuda ristikuks. Mõõtmised on kuvatakse pikslites risttõkke kursori kõrval ja need on laius, kõrgus ja diagonaal valitud piirkonnast. Tööriista keelamiseks, taaskäivitage meede käsk.

3. Muuda faile kiiresti

Käsk: muuta

Alusta lehe ressursside muutmine koos muuta käsk. Käsu kirjutamisel näed Kõigi olemasolevate ressursside URI-d lehelt, mida saab sirvida nooleklahve üles ja alla. Kui olete valinud ressursi, mida soovite redigeerida, vajutage Tab soovitava soovituse automaatseks täitmiseks ja vajuta Enter ja brauseri redaktoritööriista avaneb valitud failiga.

4. Vaadake tundmatuid CSS-omadusi

Käsk: mdn css

See on päris lahe käsk - see on selline CSS-i omaduste hüpiktekst. Kui teil tekib tundmatu CSS-i omadus ja soovite kontrollida, mida see tähistab, käivitage käsk mdn css GCLI-s koos asendada selle võõra vara tegeliku nimega.

Ilmub hüpik koos “määratlus” selle CSS-i vara jaoks tööriistariba kohal. Määratlus on väljavõte ametlikust Mozilla Developer Network (MDN) lehelt antud vara kohta. MDN-i CSS-omaduste sõnastik, HTML-elemendid ja veebi API-d on väga tsiteeritud.

Kui hüpikaknas kuvatav tekst ei ole piisav ja sina tahad rohkem teada saada, saate linki klõpsata Külastage MDN-i lehekülge avaneb hüpikakna sees ja avatakse vastava MDN-i leht. Praegu on see käsk saadaval ainult CSS-i omaduste jaoks.

5. Muuda lehekülge

Käsk: suuruse muutmiseks

Suuruse muutmise tööriist võimaldab teil näha, kuidas teie leht välja näeb mõõtmed, mis võib olla kasulik, kui soovite oma lehekülje väljanägemist seadmetes, mille mõõtmed erinevad sellest, mida te töötate.

Firefoxil on ka a klaviatuuri otsetee selle tööriista avamiseks: Ctrl + Shift + M (Cmd + Alt + M Macile). Aga kui sa juba oled teate täpseid mõõtmeid suuruse muutmiseks kasutatakse kiiremat viisi suuruse muutmiseks käsk vajalike mõõtmetega.

Mõõtmed on tõlgendatakse pikslites. Kui käsk on käivitatud, näete muudetud suurusega lehekülge.

6. Taaskäivitage brauser

Käsk: Taaskäivita

See käsk on enesestmõistetav. Firefoxi taaskäivitamiseks kirjuta lihtsalt Taaskäivita käsureale ja vajuta Enter-käsu, kui installite lisandmooduleid või pluginaid, mis vajavad taaskäivitamist.

7. Avage oma Firefoxi profiili kaust

Käsk: kaust openprofile

Iga Firefoxi kasutaja saab oma oma kohaliku profiili kausta seda salvestab kasutaja-spetsiifilised failid, näiteks järjehoidjad ja / kroom kausta. Firefoxi isikupärastamiseks peate võib-olla vaatama ja muutma selle kausta sisu.

Selle kausta avamise alternatiivne viis on klõpsata nupul Näita kausta nuppu umbes: toetus lehel. Käivitades käsu kaust openprofile Firefoxi käsureas näete oma profiili kausta avatud.

8. Värviväärtuste kopeerimine

Käsk: silmaümbris

Lisaks sellele, et see toetab ainult kuuekordset vormingut, on silmaümbrus suurepärane vahend värviväärtuse kopeerimine mis tahes nähtava tooni kohta veebilehel. Sisestage käsk silmaümbris GCLI-sse, et lülitada tööriista toimivus.

9. Testige väliseid raamatukogusid

Käsk: süstida

Kui sa tahad testida mõningaid väliseid raamatukogusid oma veebilehel, selle asemel, et sukelduda lähtekoodi, et teha ajutisi täiendusi, kasutage lihtsalt süstida käsk sisestada raamatukogud. Näiteks, et lisada lihtsalt jQuery tüüp süstida jQuery.

Käsu käivitamisel on ressurss imporditud lehele sisestades a > sildi HTML-dokumendi osa.

10. Võtke ekraanipildid

Käsk: ekraanipilt

The sisseehitatud pildistamise tööriist Firefoxis on üsna võimas. Näiteks saate CSS-valijatega sihtida üksikuid elemente, kasutada taimerit, rakendada a dpr. Võite isegi pildistada ainult brauseri kroomitud osa (kasutaja sisu ümbritsev ala) ekraanipilt - kroom käsk.

Ekraanipildid salvestatakse Allalaadimise kaust brauserist PNG-vormingus.

11. Avatud valitsejad

Käsk: valitsejad

Veel üks lahe Firefoxi tööriist, mis on kergesti kättesaadav GCLI kaudu. The valitsejad käsk kuvab horisontaal- ja vertikaalsed joonlauad lehekülje ümber. Juhid on mõõtmised pikslites. Juhi deaktiveerimiseks käivitage sama käsk.

12. Avage konsool ja silur

Käsk: konsool on avatud ja dbg avatud

Kui klaviatuuri lühis on veebikonsooli või siluri tööriista avamine on libises oma meelt, ei muretse, kirjuta lihtsalt lihtne käsk konsool on avatud või dbg avatud vastava tööriista avamiseks Firefoxi käsureale.

13. Loe lehekülje elemendid

Käsk: qsa

See GCLI käsk võtab kiireid veebilehe elementide loendusi sobitada mis tahes antud CSS valijaga. Näiteks, et saada kõiki leheküljel olevaid elemente qsa a käsk.

14. Lisandmoodulite lubamine või keelamine

Käsk: lisanimekirja

Kui teil on kunagi vaja oma Firefoxi lisandmooduleid uurida ja hallata, soovitan teil seda teha kasutage lisandmooduli menüü asemel GCLI-käske kuna GCLI versioon sisaldab kõiki lisandmooduleid ja pluginaid, sealhulgas eelinstalleeritud, mis pole menüüs Lisandmoodulid loetletud.

GCLI-s saab lisandmooduli olekuga käsku muuta Lisa millele järgneb ka asjakohane allkäsk lubada või keelata.

Allpool olevas demos näete kuidas kiiresti tasku keelata Firefoxis.

15. Halda seadeid

Käsk: näidata

On tonni kohandamise seaded kasutajad saavad juurdepääsu Firefoxi kaudu umbes: config lehel. Samu seadeid saab vaadata ja muuta ka GCLI abil.

GCLI kasutamine kohandamisseadete kasutamiseks on kiirem valik kui te juba teate, millist konfiguratsiooni soovite vaadata või muuta. Et seadistage väärtuse väärtus, kasuta pref set käsk ja lähtestage seade, tüüp pref reset .

Alloleval demol saab näha, kuidas seda teha kontrollige URI-d the süstida jQuery käsk on leheküljele süstitud (vt selle artikli osa 9):