15 Kommandon för grafiska kommandorads (GCLI) i Firefox för utvecklare av avancerade ändamål
Oavsett hur många fina knappar och menyer vi har, det finns alltid programmerare som uppskattar kommandoradsåtkomst i sin arbetsmiljö, speciellt när den eliminerar en jakt på rätt knapp eller meny som visar den nödvändiga inställningen i vår synvinkel.
Firefox har haft en Grafisk kommandorad tolk, eller kort sagt a GCLI ett tag nu och har utökat sin kommandosats över tiden. GCLI-kommandona ger utvecklare en snabb åtkomst till utvecklings- och konfigurationsverktyg. Det har också en autofullständig funktion; Om du trycker på Tab medan du skriver ett kommando kommer de kommandon som föreslås av GCLI att anges.
Verktygsfältet
Firefox GCLI är också känd som Utvecklarverktygsfält. Det finns tre sätt för att öppna den:
- Tryck på tangentbordsgenvägen Shift + F2.
- Klicka på “Öppna menyn” (hamburger) ikonen på höger sida av adressfältet (höger till hemknappen) och klicka sedan på Utvecklare> Utvecklarverktygsfält undermeny.
- Markera i menyn översta menyn Verktyg> Webutvecklare> Utvecklarverktygsfält alternativ.
När utvecklarverktygsfältet är öppet kan du se det längst ner i webbläsarfönstret. Om du har bestämt dig för att arbeta med GCLI, Jag rekommenderar att du bara lämnar den hela tiden medan du arbetar.
Låt oss nu se några användbara uppgifter du kan utföra i Firefox använder sin GCLI.
1. Ta bort sidelement
Kommando: pagemod ta bort elementet
När du behöver ta en titt på layouten på en webbsida med vissa element borttagna, skriv bara kommandot pagemod ta bort elementet till Firefox-kommandoraden för att ta bort de här elementen från sidan.
Värdet av .BTN, kommandot är skrivet som: pagemod ta bort element a.btn.
Generellt är kommandot pagemod används till ändra en sida, genom att antingen ta bort eller ersätta utvalda element eller attribut.
2. Mäta element
Kommando: mäta
Om du vill känna till mätningen av någon visuell modul på en webbsida finns det ett verktyg för det. De “mäta” Verktyget är tillgängligt via både den typiska webbutvecklarverktyget och GCLI.
Skriv och skriv in mäta kommandot i kommandoraden, och markören kommer att förvandlas till en crosshair. Mätningarna kommer att vara visas i pixlar bredvid kryssmarkören och är av bredd, höjd och diagonal längd av det valda området. För att inaktivera verktyget, återupprätta mäta kommando.
3. Redigera filer snabbt
Kommando: redigera
Start redigera sidans resurser med redigera kommando. När du skriver kommandot ser du URI: er av alla tillgängliga resurser från den sidan som du kan bläddra med piltangenterna upp och ner. När du väl har valt resursen du vill redigera trycker du på Tab för att autofullställa förslaget och trycker på Enter och redigeringsverktyget i webbläsaren öppnas med den valda filen.
4. Slå upp okända CSS-egenskaper
Kommando: mdn css
Den här är ett ganska coolt kommando-det är typ av a popup-ordlista för CSS-egenskaper. Om du stöter på en obekant CSS-egenskap, och vill kontrollera vad det står för, kör kommandot mdn css i GCLI med
En popup kommer att visas med “definition” för den CSS-egenskapen strax ovanför verktygsfältet. Definitionen är en extrahera från den officiella Mozilla Developer Network (MDN) sidan av den angivna egendomen. MDNs ordlista med CSS-egenskaper, HTML-element och webb-API är högt citerat.
Om texten som visas i popupen inte räcker till, och du vill veta mer, Du kan klicka på länken Besök MDN-sidan inuti popupen, och respektive MDN-sida för den egenskapen öppnas. Just nu är det här kommandot endast tillgängligt för CSS-egenskaper.
5. Ändra storlek på sidan
Kommando: ändra storlek till
Med verktyget för storlek ändrar du hur din sida ser ut ändras till specifika dimensioner, vilket kan vara användbart när du vill förhandsgranska sidans utseende i enheter med olika dimensioner än den du arbetar med.
Firefox har också en Tangentbordsgenväg för att öppna verktyget: Ctrl + Skift + M (Cmd + Alt + M för Mac). Men om du redan känna till de exakta dimensionerna som ska användas för resizing, är det snabbaste sättet att köra ändra storlek kommandot med de dimensioner du behöver.
Dimensionerna är tolkas i pixlar. När kommandot körs ser du den ändrade sidan.
6. Starta om webbläsaren
Kommando: omstart
Detta kommando är självklart. För att starta om Firefox, skriv bara omstart till kommandoraden, och tryck på Enter-kan vara till nytta när du installerar tillägg eller plugins som kräver omstart.
7. Öppna din Firefox-profilmapp
Kommando: mappen openprofile
Varje Firefox-användare får sina egen lokal profilmapp den där lagrar användarspecifika filer, till exempel bokmärken och /krom mapp. När du personifierar Firefox kan du behöva visa och ändra innehållet i den här mappen.
Det alternativa sättet att öppna den här mappen är att klicka på Visa mappknappen på om: support sida. Genom att köra kommandot mappen openprofile i Firefox Command Line, kommer du att se din profilmapp öppna omedelbart.
8. Kopiera färgvärden
Kommando: ögon droppar
Annat än att det bara stöder hex-formatet, är eyedropper ett utmärkt verktyg för kopierar färgvärdet av någon synlig nyans på en webbsida. Ange kommandot ögon droppar in i GCLI för att växla verktygets operativitet.
9. Testa externa bibliotek
Kommando: injicera
Om du vill testa några externa bibliotek På din webbsida, istället för att dyka in i källkoden för att göra de tillfälliga tilläggen, använd bara injicera kommandot till sätt in biblioteken. Till exempel, för att inkludera jQuery skriver du bara injicera jQuery.
När kommandot körs kommer resursen att vara importeras till sidan genom att infoga en >
10. Ta skärmdumpar
Kommando: skärmdump
De inbyggd skärmdump med verktyg i Firefox är ganska kraftfullt. Till exempel kan du rikta in enskilda element med CSS-väljare, använd en timer, använd a DPR. Du kan även ta en skärmdump av bara kromdelen av webbläsaren (område som omger användarinnehållet) genom att använda skärmdump - krom kommando.
Skärmbilderna sparas i Hämta mapp av webbläsaren i PNG-format.
11. Öppna linjaler
Kommando: linjaler
Ett annat coolt verktyg från Firefox som är lättillgängligt via GCLI. De linjaler kommando visar horisontella och vertikala linjaler runt sidan. Mätningarna av linjalerna är i pixlar. Kör samma kommando för att avaktivera linjalen.
12. Öppna konsolen och debugger
Kommando: konsolen öppen och dbg öppen
Om tangentbordet kortsluts för öppnar webbkonsolen eller felsökningsverktyget har glömt ditt sinne, inga bekymmer, skriv bara det enkla kommandot konsolen öppen eller dbg öppen till Firefox-kommandoraden för att öppna respektive verktyg.
13. Räkna sidelement
Kommando: QSA
Detta fina kommando från GCLI tar en snabbräkning av element i en webbsida som matcha någon given CSS-väljare. Till exempel att få räkna med alla element på en sida, använd qsa a kommando.
14. Aktivera eller inaktivera tillägg
Kommando: tilläggslista
Om du någonsin behöver undersöka och hantera dina Firefox-tillägg, rekommenderar jag dig att använd kommandona GCLI istället för tilläggsmenyn eftersom GCLI-versionen innehåller alla tillägg och plugins, inklusive de förinstallerade, Det kan inte vara listat på Add-ons-menyn.
Du kan växla tilläggsstatusen i GCLI med kommandot tillägg följt av respektive underkommando, antingen Gör det möjligt eller inaktivera.
På demo nedan kan du se hur man snabbt stänger av fickan i Firefox.
15. Hantera inställningar
Kommando: pref show
Det finns massor av anpassningsinställningar Användare kan komma åt via Firefox about: config sida. Samma inställningar kan ses och modifieras med hjälp av GCLI.
Använda GCLI för att komma åt anpassningsinställningarna är det snabbare alternativet om du redan vet vilken konfiguration du vill visa eller ändra. Till Ange ett värde för en inställning, Använd pref set kommando och till återställ en inställning, typ pref-återställning .
På demo nedan kan du se hur du ska kolla URI de injicera jQuery kommandot har injicerats på sidan (se avsnitt 9 i den här artikeln):
