15 Grafički naredbeni redak (GCLI) Naredbe u Firefoxu za Front-End programere
Bez obzira na to koliko smo lijepih gumba i izbornika dobili, uvijek postoje programeri koji cijene pristup naredbenom retku u njihovom radnom okruženju, pogotovo kada je to eliminira lov na desni gumb ili izbornik koji prikazuje potrebnu postavku u našem vidokrugu.
Firefox je imao Grafički tumač naredbenog retka, ili ukratko a GCLI već neko vrijeme, i proširio je svoju naredbu tijekom vremena. GCLI naredbe daju programerima a brz pristup alatima za razvoj i konfiguraciju. Također ima značajka automatskog dovršavanja; ako pritisnete tipku Tab tijekom tipkanja bilo koje naredbe, unijet će se naredbe koje predlaže GCLI.
Alatna traka
Savjet GCLI je također poznat kao Alatna traka za razvojne programere. Tamo su tri načina otvoriti:
- Pritisnite Shift + F2 tipkovnički prečac.
- Kliknite gumb “Otvorite izbornik” (hamburger) na desnoj strani adresne trake (desno do gumba Početak), a zatim kliknite gumb Razvojni programer> alatna traka za razvojne programere podizbornik.
- U gornjoj traci izbornika označite Alati> Web Developer> Alatna traka za razvojne programere opcija.
Kada je alatna traka za razvojne programere otvorena, možete je vidjeti na dnu prozora preglednika. Ako ste odlučili raditi s GCLI, Ja bih savjetovati da samo ostavite ga otvoren cijelo vrijeme dok radite.
Sada ćemo vidjeti neke korisne zadatke koje možete izvršiti u Firefoxu koristeći svoj GCLI.
1. Uklonite elemente stranice
naredba: pagemod ukloni element
Kada trebate još jednom pogledati izgled web-stranice dok su neki elementi uklonjeni, samo upišite naredbu pagemod ukloni element u naredbenu liniju Firefox kako biste uklonili te elemente sa stranice.
Vrijednost .btn, naredba je napisana kao: pagemod ukloni element a.btn.
Općenito, naredba pagemod koristi se za mijenjanje stranice, ili uklanjanjem ili zamjenom odabranih elemenata ili atributa.
2. Izmjerite elemente
naredba: mjera
Ako želiš znati mjerenje bilo kojeg vizualnog modula na web stranici, postoji alat za to. “mjera” Alat je dostupan preko tipičnog alata za web developer i GCLI.
Upišite i unesite mjera naredbu u naredbeni redak, a pokazivač će pretvoriti u križić. Mjerenja će biti prikazano u pikselima pored pokazivača za križanje, te su od širina, visina i duljina dijagonale odabranog područja. Da biste onemogućili alat, ponovite mjera naredba.
3. Uredite datoteke brzo
naredba: Uredi
Početak uređivanje resursa stranice s Uredi naredba. Dok upisujete naredbu, vidjet ćete URI svih dostupnih resursa s te stranice, koju možete pregledavati pomoću tipki sa strelicama gore i dolje. Nakon što odaberete resurs koji želite urediti, pritisnite tipku Tab za automatsko dovršavanje prijedloga i pritisnite Enter i Alat za uređivanje preglednika će se otvoriti s odabranom datotekom.
4. Potražite nepoznata svojstva CSS-a
naredba: mdn css
Ovaj je prilično cool naredba - to je vrsta popup rječnik za CSS svojstva. Ako naiđete na nepoznato svojstvo CSS-a i želite provjeriti što znači za, pokrenite naredbu mdn css u GCLI s
Pojavit će se skočni prozor s “definicija” za tu CSS svojstvo iznad alatne trake. Definicija je Izvadite iz službene stranice Mozilla Developer Network (MDN) dane imovine. MDN-ov rječnik CSS svojstava, HTML elemenata i web API-ja vrlo je citiran.
Ako tekst prikazan u skočnom prozoru nije dovoljan, a vi želite znati više, možete kliknuti vezu Posjetite MDN stranicu unutar skočnog prozora i otvara se odgovarajuća MDN stranica za to svojstvo. Upravo sada, ova naredba je dostupna samo za CSS svojstva.
5. Promjena veličine stranice
naredba: promijeni veličinu na
Alat za promjenu veličine omogućuje vam da vidite kako vaša stranica izgleda promijenjene u određene dimenzije, koje mogu biti korisne kada želite pregledati izgled vaše stranice na uređajima s dimenzijama koje se razlikuju od one u kojoj radite.
Firefox također ima tipkovnički prečac za otvaranje ovog alata: Ctrl + Shift + M (Cmd + Alt + M za Mac). Ali ako već znati točne dimenzije da se koristi za promjenu veličine, najbrži način je pokretanje veličinu naredbu s potrebnim dimenzijama.
Dimenzije su interpretirati u pikselima. Kada se naredba pokrene, vidjet ćete stranicu s promijenjenom veličinom.
6. Ponovo pokrenite preglednik
naredba: ponovno pokretanje
Ova naredba je očigledna. Da biste ponovno pokrenuli Firefox, samo upišite ponovno pokretanje u naredbeni redak i pritisnite Enter - može vam poslužiti kada instalirate dodatke ili dodatke koji zahtijevaju ponovno pokretanje.
7. Otvorite mapu profila za Firefox
naredba: mapa openprofile
Svaki korisnik Firefoxa dobiva svoj vlastitu mapu lokalnog profila da pohranjuje datoteke specifične za korisnika, kao što su oznake i /krom mapa. Kada personalizirate Firefox, možda ćete morati pregledati i izmijeniti sadržaj ove mape.
Drugi način otvaranja ove mape je da kliknete gumb Prikaži mapu na izborniku o: potpori stranica. Pokretanjem naredbe mapa openprofile u naredbenom retku Firefox vidjet ćete mapu profila otvoreno odjednom.
8. Kopirajte vrijednosti boja
naredba: kapaljke
Osim činjenice da podržava samo hex format, kapaljka je briljantan alat za kopiranje vrijednosti boje bilo koje vidljive nijanse na web stranici. Unesite naredbu kapaljke u GCLI za prebacivanje operativnosti alata.
9. Ispitajte vanjske knjižnice
naredba: ubrizgati
Ako želiš testirati neke vanjske knjižnice na vašoj web stranici, umjesto da ronite u izvornom kodu kako biste napravili privremene dodatke, samo upotrijebite ubrizgati naredbu umetnite knjižnice. Na primjer, uključite samo tip jQuery ubrizgajte jQuery.
Kada izvršite naredbu, resurs će biti uvezene na stranicu umetanjem a >
10. Snimite snimke zaslona
naredba: zaslona
ugrađeni alat za snimanje zaslona u Firefox je vrlo moćan. Na primjer, možete ciljati pojedinačne elemente pomoću CSS selektora, koristiti vremenski mjerač, primijeniti a Dbr. Čak možete snimiti sliku zaslona samo kromirani dio preglednika (područje oko korisničkog sadržaja) pomoću alata screenshot - krom naredba.
Snimke zaslona spremljene su u Preuzmi mapu preglednika u PNG formatu.
11. Otvorite vladare
naredba: vladari
Još jedan kul alat iz Firefoxa koji je lako dostupan putem GCLI. vladari naredba prikazuje horizontalne i vertikalne ravnine oko stranice. Mjerenja vladara su u pikselima. Pokrenite istu naredbu da biste deaktivirali ravnalo.
12. Otvorite konzolu i ispravljač pogrešaka
naredba: otvorena konzola i dbg open
Ako tipkovnica zaustavi otvaranje web konzole ili alata za otklanjanje pogrešaka skrenuli ste s uma, bez brige, samo upišite jednostavnu naredbu otvorena konzola ili dbg open u naredbenu liniju Firefox da biste otvorili odgovarajući alat.
13. Odbrojavanje elemenata stranice
naredba: QSA
Ova divna naredba iz GCLI-ja uzima brzi popis elemenata na web-stranici odgovara bilo kojem CSS selektoru. Na primjer, da biste dobili broj svih elemente na stranici upotrijebite qsa a naredba.
14. Omogućite ili onemogućite dodatke
naredba: addon list
Ako ikada trebate pregledati i upravljati svojim dodacima za Firefox, preporučujem vam koristite GCLI naredbe umjesto izbornika Dodaci jer GCLI verzija navodi sve dodatke i dodatke, uključujući i one unaprijed instalirane, koje možda nisu navedene u izborniku Dodaci.
Status dodatka možete prebaciti u GCLI s naredbom dodatak slijedi odgovarajuća pod-naredba omogućiti ili onesposobiti.
Na demo ispod možete vidjeti kako brzo onemogućiti Pocket u Firefoxu.
15. Upravljanje postavkama
naredba: pref show
Ima mnogo tona postavke prilagodbe korisnici mogu pristupiti putem Firefoxa about: config stranica. Iste postavke mogu se pregledavati i mijenjati pomoću GCLI.
Korištenje GCLI za pristup postavkama prilagodbe je brža opcija ako već znate koju konfiguraciju želite pogledati ili promijeniti. Do postavite vrijednost za postavku, koristiti pref set naredbu i na resetirajte postavku, tip pref reset .
U nastavku možete vidjeti kako to učiniti provjerite URI ubrizgajte jQuery naredba je ubrizgala u stranicu (pogledajte odjeljak # 9 u ovom članku):
