15 příkazů grafického příkazového řádku (GCLI) ve Firefoxu pro přední vývojáře
Nezáleží na tom, kolik má knoflíků a menu, které máme, jsou vždy programátoři, kteří to ocení přístup k příkazovému řádku v jejich pracovním prostředí, zejména když je to eliminuje hon na pravé tlačítko nebo menu , které zobrazuje potřebné nastavení v našem zorném poli.
Firefox má Překladač grafického příkazového řádku, nebo zkrátka GCLI na chvíli teď, a rozšiřoval své příkazy v průběhu času. Příkazy GCLI poskytují vývojářům funkci a rychlý přístup k vývojovým a konfiguračním nástrojům. Má také funkce automatického dokončování; Pokud stisknete klávesu Tab při zadávání libovolného příkazu, zadají se příkazy navržené GCLI.
Panel nástrojů
Firefox GCLI je také znám jako Panel nástrojů pro vývojáře. Existují tři způsoby jej otevřít:
- Stiskněte klávesovou zkratku Shift + F2.
- Klepněte na tlačítko “Otevřete Menu” (hamburger) ikona na pravé straně panelu Adresa (vpravo na tlačítko Domů), potom klepněte na tlačítko Vývojář> Panel nástrojů pro vývojáře podmenu.
- V horním panelu nabídek zaškrtněte políčko Nástroje> Webový vývojář> Panel nástrojů pro vývojáře volba.
Jakmile je panel nástrojů pro vývojáře otevřen, můžete jej zobrazit v dolní části okna prohlížeče. Pokud jste se rozhodli pracovat s GCLI, Doporučil bych, abych to nechal otevřený po celou dobu práce.
Nyní se podívejme na některé užitečné úkoly, které můžete ve Firefoxu provádět pomocí GCLI.
1. Odstraňte prvky stránky
Příkaz: pagemod remove element
Když potřebujete jiný pohled na rozvržení webové stránky s některými prvky odstraněny, stačí zadat příkaz pagemod remove element
do příkazového řádku Firefoxu, aby se tyto prvky ze stránky odstranily.
Hodnota
musí být platný volič CSS na stránce. Řekněme, že na stránce chcete odstranit všechny odkazy (konkrétně) třídy .btn
, příkaz je napsán jako: pagemod remove element a.btn
.
Obecně platí, že příkaz pagemod
se používá úpravou stránky, buď odstraněním nebo nahrazením vybraných prvků nebo atributů.
2. Měření prvků
Příkaz: opatření
Pokud chceš znát měření jakéhokoli vizuálního modulu na webové stránce. “opatření” Tento nástroj je přístupný prostřednictvím typické sady nástrojů pro vývojáře webu a nástroje GCLI.
Zadejte a zadejte opatření
příkaz do příkazového řádku a kurzor bude proměnit v nitkový kříž. Měření bude zobrazeny v pixelech vedle kurzoru nitkového kříže a jsou šířka, výška a úhlopříčná délka vybrané oblasti. Chcete-li nástroj vypnout, znovu spusťte opatření
příkaz.
3. Rychle upravujte soubory
Příkaz: Upravit
Start upravovat zdroje stránky s Upravit
příkaz. Při zadávání příkazu se zobrazí URI všech dostupných zdrojů z této stránky, kterou můžete procházet pomocí kláves se šipkami nahoru a dolů. Jakmile vyberete zdroj, který chcete upravit, stiskněte klávesu Tab pro automatické dokončení návrhu a stiskněte klávesu Enter editoru prohlížeče se zvoleným souborem otevře.
4. Vyhledejte neznámé vlastnosti CSS
Příkaz: mdn css
Tenhle je docela cool příkaz - je to něco jako vyskakovací slovník pro vlastnosti CSS. Pokud narazíte na neznámou vlastnost CSS a chcete zkontrolovat, co znamená, spusťte příkaz mdn css
v GCLI
nahrazen skutečným názvem této neznámé nemovitosti.
Zobrazí se vyskakovací okno s “definice” pro tuto vlastnost CSS přímo nad panelem nástrojů. Definice je výpis z oficiální stránky Mozilla Developer Network (MDN) daného majetku. Velmi citované jsou glosáře vlastností CSS, elementů HTML a webových rozhraní API.
Pokud text zobrazený v místní nabídce nestačí a vy chcete vědět více, můžete kliknout na odkaz Navštivte stránku MDN V místní nabídce se otevře příslušná stránka MDN pro tuto vlastnost. Tento příkaz je nyní k dispozici pouze pro vlastnosti CSS.
5. Změnit velikost stránky
Příkaz: změnit velikost na
Nástroj pro změnu velikosti umožňuje zobrazit, jak vypadá vaše stránka velikosti, které mohou být užitečné, když chcete zobrazit náhled vzhledu stránky v zařízeních s rozměry odlišnými od těch, ve kterých pracujete.
Firefox má také klávesovou zkratku pro otevření tohoto nástroje: Ctrl + Shift + M (Cmd + Alt + M pro Mac). Ale jestli už jsi znát přesné rozměry použít pro změnu velikosti, nejrychlejší způsob je spustit změnit velikost
příkaz s rozměry, které potřebujete.
Rozměry jsou interpretovány v pixelech. Jakmile je příkaz spuštěn, zobrazí se stránka se změněnou velikostí.
6. Restartujte prohlížeč
Příkaz: restartovat
Tento příkaz je samozřejmý. Chcete-li Firefox restartovat, stačí zadat restartovat
do příkazového řádku a stiskněte klávesu Enter - můžete se hodit při instalaci doplňků nebo zásuvných modulů, které vyžadují restart.
7. Otevřete složku profilu Firefoxu
Příkaz: složka openprofile
Každý uživatel Firefoxu dostane jejich vlastní místní složka profilu že ukládá soubory specifické pro uživatele, jako jsou záložky a / chrom
složky. Při přizpůsobení Firefoxu budete možná muset zobrazit a upravit obsah této složky.
Alternativním způsobem otevření této složky je klepnutí na tlačítko Zobrazit složku na obrazovce o: podpora
stránka. Spuštěním příkazu složka openprofile
v příkazovém řádku Firefoxu se zobrazí složka profilu otevřeno najednou.
8. Zkopírujte hodnoty barev
Příkaz: kapátko
Kromě toho, že podporuje pouze hexadecimální formát, je kapátko skvělým nástrojem kopírování hodnoty barev viditelného odstínu na webové stránce. Zadejte příkaz kapátko
do GCLI, aby se přepnula funkčnost nástroje.
9. Testujte externí knihovny
Příkaz: injekce
Pokud chceš otestovat některé externí knihovny na vaší webové stránce, namísto potápění do zdrojového kódu, aby bylo možné provést dočasné přidání, stačí použít injekce
příkaz vložte knihovny. Chcete-li například zahrnout jen typ jQuery vstřikování jQuery
.
Po provedení příkazu bude zdroj importovány na stránku vložením a >