15 poleceń graficznych wiersza poleceń (GCLI) w Firefoksie dla programistów

Bez względu na to, ile mamy fantazyjnych guzików i menu, zawsze doceniają programiści dostęp do linii poleceń w ich środowisku pracy, zwłaszcza gdy to eliminuje polowanie na odpowiedni przycisk lub menu wyświetla wymagane ustawienie w naszym polu widzenia.

Firefox miał Graficzny interpreter linii poleceń, lub w skrócie a GCLI przez jakiś czas i poszerzając swój zestaw poleceń z czasem. Polecenia GCLI zapewniają programistom szybki dostęp do narzędzi programistycznych i konfiguracyjnych. Ma też funkcja autouzupełniania; jeśli naciśniesz Tab podczas wpisywania dowolnego polecenia, zostaną wprowadzone polecenia sugerowane przez GCLI.

Pasek narzędzi

Firefox GCLI jest również znany jako Pasek narzędzi programisty. Tam są trzy drogi aby go otworzyć:

Naciśnij skrót klawiaturowy Shift + F2.
Kliknij “Otwórz menu” (hamburger) ikona po prawej stronie paska adresu (po prawej stronie przycisku Strona główna), a następnie kliknij przycisk Programista> Pasek narzędzi programisty podmenu.
W górnym pasku menu zaznacz Narzędzia> Programista WWW> Pasek narzędzi programisty opcja.

Po otwarciu paska narzędzi programisty możesz go zobaczyć na dole okna przeglądarki. Jeśli zdecydowałeś się pracować z GCLI, Radzę po prostu pozostawić to otwarte cały czas podczas pracy.

Teraz zobaczmy kilka przydatnych zadań, które możesz wykonać w Firefoksie za pomocą GCLI.

1. Usuń elementy strony

Dowództwo: pagemod usuń element

Kiedy trzeba spojrzeć na układ strony internetowej jeszcze raz z niektórymi elementami usuniętymi, po prostu wpisz polecenie pagemod usuń element do wiersza poleceń Firefox w celu usunięcia tych elementów ze strony.

Wartość musi być prawidłowy selektor CSS na stronie. Powiedz na stronie, którą chcesz usunąć wszystkie linki (szczególnie) klasy .btn, polecenie jest napisane jako: pagemod usuń element a.btn.

Ogólnie polecenie pagemod jest używany do modyfikowanie strony, usuwając lub zastępując wybrane elementy lub atrybuty.

2. Elementy pomiarowe

Dowództwo: zmierzyć

Jeśli chcesz znać pomiar dowolnego modułu wizualnego na stronie internetowej, jest do tego narzędzie. The “zmierzyć” narzędzie jest dostępne zarówno przez typowy zestaw narzędzi dla programistów internetowych, jak i GCLI.

Wpisz i wprowadź zmierzyć polecenie do linii poleceń, a kursor będzie zamień się w celownik. Pomiary będą pokazany w pikselach obok kursora krzyżyka i są z szerokość, wysokość i długość po przekątnej wybranego obszaru. Aby wyłączyć narzędzie, uruchom ponownie zmierzyć dowództwo.

3. Szybko edytuj pliki

Dowództwo: edytować

Początek edytowanie zasobów strony z edytować dowództwo. Podczas wpisywania polecenia zobaczysz URI wszystkich dostępnych zasobów z tej strony, którą można przeglądać za pomocą klawiszy strzałek w górę iw dół. Po wybraniu zasobu, który chcesz edytować, naciśnij klawisz Tab, aby automatycznie uzupełnić sugestię, i naciśnij Enter, a następnie narzędzie edycyjne przeglądarki otworzy się z wybranym plikiem.

4. Wyszukaj nieznane właściwości CSS

Dowództwo: mdn css

Ten jest całkiem fajnym poleceniem - to coś w rodzaju słownik wyskakujący dla właściwości CSS. Jeśli natkniesz się na nieznaną właściwość CSS i chcesz sprawdzić, co oznacza, uruchom komendę mdn css w GCLI z zastąpiona rzeczywistą nazwą tej nieznanej własności.

Pojawi się popup z “definicja” dla tej własności CSS tuż nad paskiem narzędzi. Definicja to wyciąg z oficjalnej strony Mozilla Developer Network (MDN) danej nieruchomości. Słowniczek właściwości CSS MDN, elementów HTML i internetowych interfejsów API jest mocno cytowany.

Jeśli tekst pokazany w wyskakującym okienku nie wystarczy, a Ty chcieć wiedzieć więcej, możesz kliknąć link Odwiedź stronę MDN wewnątrz wyskakującego okienka, a odpowiednia strona MDN dla tej właściwości zostanie otwarta. W tej chwili to polecenie jest dostępne tylko dla właściwości CSS.

5. Zmień rozmiar strony

Dowództwo: zmień rozmiar na

Narzędzie zmiany rozmiaru pozwala zobaczyć, jak wygląda strona zmieniony do określonych wymiarów, co może być przydatne, gdy chcesz wyświetlić podgląd strony w urządzeniach o wymiarach innych niż ten, w którym pracujesz.

Firefox ma także skrót klawiaturowy, aby otworzyć to narzędzie: Ctrl + Shift + M (Cmd + Alt + M dla komputerów Mac). Ale jeśli już znać dokładne wymiary aby użyć go do zmiany rozmiaru, najszybszym sposobem jest uruchomienie Zmień rozmiar polecenie z wymiarami, których potrzebujesz.

Wymiary są interpretowane w pikselach. Po uruchomieniu polecenia zobaczysz stronę o zmienionym rozmiarze.

6. Uruchom ponownie przeglądarkę

Dowództwo: uruchom ponownie

To polecenie jest oczywiste. Aby ponownie uruchomić Firefoksa, wpisz uruchom ponownie do linii poleceń i naciśnij Enter-może się przydać, gdy instalujesz dodatki lub wtyczki, które wymagają ponownego uruchomienia.

7. Otwórz folder profilu Firefox

Dowództwo: folder openprofile

Każdy użytkownik Firefoksa otrzymuje ich własny folder profilu lokalnego że przechowuje pliki specyficzne dla użytkownika, takie jak zakładki i /chrom teczka. Po spersonalizowaniu Firefoksa może być konieczne wyświetlenie i zmodyfikowanie zawartości tego folderu.

Alternatywnym sposobem otwarcia tego folderu jest kliknięcie przycisku Pokaż folder na stronie about: wsparcie strona. Uruchomienie polecenia folder openprofile w linii poleceń Firefoksa zobaczysz folder profilu otwórz od razu.

8. Skopiuj wartości kolorów

Dowództwo: kroplomierzem

Kroplomierz, poza tym, że obsługuje tylko format szesnastkowy, jest doskonałym narzędziem do kopiowanie wartości koloru jakiegokolwiek widocznego odcienia na stronie internetowej. Wprowadź polecenie kroplomierzem do GCLI, aby przełączyć działanie narzędzia.

9. Przetestuj zewnętrzne biblioteki

Dowództwo: wstrzykiwać

Jeśli chcesz przetestuj niektóre zewnętrzne biblioteki na twojej stronie internetowej, zamiast zanurzać się w kodzie źródłowym, aby dodać tymczasowe dodatki, użyj wstrzykiwać polecenie do wstaw biblioteki. Na przykład, aby dołączyć jQuery po prostu wpisz wstrzyknąć jQuery.

Po wykonaniu polecenia zasób będzie zaimportowane na stronę przez wstawienie a > tag do sekcja dokumentu HTML.

 10. Zrób zrzuty ekranu
 Dowództwo: zrzut ekranu 
 The wbudowane narzędzie do robienia zrzutów ekranu w Firefoksie jest dość potężny. Na przykład, możesz kierować poszczególne elementy za pomocą selektorów CSS, używać timera, stosować a dpr. Możesz nawet zrobić zrzut ekranu tylko chromowana część przeglądarki (obszar otaczający zawartość użytkownika) za pomocą screenshot --chrome dowództwo.
 Zrzuty ekranu są zapisywane w Pobierz folder przeglądarki w formacie PNG.
  
11. Otwórz władców
 Dowództwo: władcy
 Kolejne fajne narzędzie Firefoksa, które jest łatwo dostępne za pośrednictwem GCLI. The władcy dowództwo wyświetla linijki poziome i pionowe wokół strony. Pomiary władców są w pikselach. Uruchom to samo polecenie, aby dezaktywować linijkę.
  
12. Otwórz konsolę i debugger
 Dowództwo: konsola otwarta i dbg otwarty
 Jeśli klawiatura się zwęża otwarcie konsoli internetowej lub narzędzia do debugowania wymknęło Ci się z głowy, nie martw się, po prostu wpisz proste polecenie konsola otwarta lub dbg otwarty do wiersza poleceń Firefox, aby otworzyć odpowiednie narzędzie.
  
13. Policz elementy strony
 Dowództwo: qsa 
 To sprytne polecenie z GCLI wykonuje szybki spis elementów na stronie internetowej dopasuj dowolny wybrany selektor CSS. Na przykład, aby liczyć wszystko  elementy na stronie, użyj qsa a dowództwo.
  
14. Włącz lub wyłącz dodatki
 Dowództwo: lista dodatków
 Jeśli kiedykolwiek będziesz musiał przeglądać i zarządzać dodatkami do Firefoksa, polecam użyj poleceń GCLI, a nie menu Dodatki ponieważ wersja GCLI zawiera listę wszystkich dodatków i wtyczek, w tym fabrycznie zainstalowane, które nie mogą być wymienione w menu dodatków.
 Możesz przełączać status dodatku w GCLI za pomocą polecenia dodatek następnie odpowiednie podporządkowanie włączyć lub wyłączyć.
 Na poniższym pokazie możesz zobaczyć jak szybko wyłączyć Pocket w Firefoksie.
  
15. Zarządzaj ustawieniami
 Dowództwo: pre show 
 Jest ich mnóstwo ustawienia dostosowywania użytkownicy mogą uzyskać dostęp za pośrednictwem Firefoksa about: config strona. Te same ustawienia można również przeglądać i modyfikować za pomocą GCLI.
 Używanie GCLI do uzyskiwania dostępu do ustawień dostosowywania to szybsza opcja jeśli już wiesz, którą konfigurację chcesz wyświetlić lub zmienić. Do ustaw wartość dla ustawienia, Użyj zestaw pref   polecenie i do zresetować ustawienie, rodzaj reset wstępny .
 Na poniższym pokazie możesz zobaczyć, jak to zrobić sprawdź URI  wstrzyknąć jQuery polecenie wstrzyknęło na stronę (patrz sekcja # 9 w tym artykule):