Domovská » Webový design » 15 příkazů grafického příkazového řádku (GCLI) ve Firefoxu pro přední vývojáře

    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:

    1. Stiskněte klávesovou zkratku Shift + F2.
    2. 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.
    3. 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 > tag do části dokumentu HTML.

    10. Vezměte screenshoty

    Příkaz: Snímek obrazovky

    vestavěný nástroj pro snímání obrazovky ve Firefoxu je poměrně silný. Můžete například cílit jednotlivé prvky pomocí selektorů CSS, použít časovač, použít a dpr. Můžete dokonce pořídit snímek obrazovky pouze chromovaná část prohlížeče (oblast obklopující obsah uživatele) pomocí snímek obrazovky --chrome příkaz.

    Snímky obrazovky se ukládají do Stáhnout složku prohlížeče ve formátu PNG.

    11. Otevřená pravítka

    Příkaz: vládci

    Další skvělý nástroj Firefoxu, který je snadno dostupný přes GCLI. vládci příkaz zobrazuje vodorovná a svislá pravítka kolem stránky. Měření pravítek jsou v pixelech. Chcete-li pravítko deaktivovat, spusťte stejný příkaz.

    12. Otevřete konzolu a debugger

    Příkaz: konzole otevřena a dbg otevřít

    Pokud se klávesnice zkrátí otevření webové konzoly nebo nástroje pro ladění pošli svou mysl, žádné starosti, stačí napsat jednoduchý příkaz konzole otevřena nebo dbg otevřít do příkazového řádku Firefoxu otevřete příslušný nástroj.

    13. Počet prvků stránky

    Příkaz: qsa

    Tento šikovný příkaz od GCLI provádí rychlé sčítání prvků na webové stránce odpovídající danému voliči CSS. Například, aby se spočítali všechny prvky na stránce, použijte qsa a příkaz.

    14. Povolte nebo zakažte doplňky

    Příkaz: seznam addonů

    Pokud budete někdy potřebovat přehled a správu doplňků Firefoxu, doporučuji vám použijte příkazy GCLI, nikoli nabídku Doplňky protože verze GCLI uvádí všechny doplňky a pluginy, včetně předinstalovaných, , které nemusí být uvedeny v nabídce Doplňky.

    Stav doplňku v GCLI můžete přepínat příkazem doplněk následuje příslušný podpříkaz umožnit nebo zakázat.

    Na ukázce níže vidíte jak rychle vypnout Pocket ve Firefoxu.

    15. Správa nastavení

    Příkaz: pref show

    Jsou tu tuny nastavení přizpůsobení Uživatelé mohou přistupovat přes Firefox o: config stránka. Stejná nastavení lze prohlížet a upravovat také pomocí GCLI.

    Použití GCLI pro přístup k nastavení přizpůsobení je možnost rychlejší Pokud již víte, kterou konfiguraci chcete zobrazit nebo změnit. Na nastavte hodnotu pro nastavení, používat pref set příkaz a resetovat nastavení, typ pref reset .

    Na níže uvedeném demo můžete vidět, jak na to zkontrolujte URI vstřikování jQuery příkaz vložen do stránky (viz oddíl # 9 v tomto článku):