Utwórz najlepszy profil dla programistów internetowych Firefox

Feb 25, 2025
Chmura i Internet
TREŚĆ NIENARUSZONA

Prawidłowo skonfigurowany Firefox może stać się najlepszym narzędziem do tworzenia stron internetowych, zapewniając bezpośredni dostęp do strony, nad którą pracujesz, dzięki czemu możesz stylizować swoją stronę w czasie rzeczywistym, debugować javascript, a nawet edytować HTML.

Utwórz osobny profil do tworzenia stron internetowych

Zainstalowanie wszystkich tych narzędzi programistycznych spowoduje, że Firefox stanie się bardzo ciężką przeglądarką, więc najpierw powinniśmy utworzyć nowy profil dla Firefoksa.

Możesz uruchomić oddzielny profil w tym samym czasie co zwykły profil, tworząc nowy skrót z tymi argumentami, zastępując WebDev nazwą swojego profilu. Jest też bardziej szczegółowe wyjaśnienie jak to zrobić.

firefox.exe -P WebDev -no-remote

Po skonfigurowaniu Firefoksa z osobnym profilem przeznaczonym wyłącznie do tworzenia stron internetowych, przyjrzyjmy się rozszerzeniom, których możemy użyć, aby uczynić Firefoksa najlepszym narzędziem do tworzenia stron internetowych.

Niezbędne rozszerzenia Web Dev

To są wszystkie rozszerzenia, których regularnie używam do tworzenia stron internetowych.

Firebug

Firebug to najpotężniejsze rozszerzenie do debugowania javascript, przeglądania CSS i html. Możesz wprowadzać dynamiczne zmiany w kodzie i CSS oraz używać ich do debugowania kodu Ajax. To naprawdę najlepsze rozszerzenie.

Rozszerzenie dla programistów internetowych

Jedno z najlepszych rozszerzeń od x lat. To pozycja obowiązkowa dla każdego programisty, ale już o tym słyszałeś.

Rozszerzenie Aardvark

To rozszerzenie jest bardzo lekkim rozszerzeniem, które z łatwością pokaże elementy na stronie i przypisaną im klasę / identyfikator. Jest prostsze w użyciu niż rozszerzenie dla programistów internetowych, gdy potrzebujesz tylko szybkich informacji o elemencie. Możesz go również użyć do usuwania elementów ze strony.

Colorzilla

Łatwo wybieraj kolory. Koniec ze znalezieniem kolorów osadzonych gdzieś w arkuszu stylów.

Wyświetl źródło za pomocą

Możesz skonfigurować wiele profili źródła widoku, aby otworzyć źródło w różnych aplikacjach.

Walidator HTML

To rozszerzenie umożliwia łatwe sprawdzanie kodu HTML strony i instaluje się w panelu Wyświetl źródło.

Greasemonkey

Nie jest to do końca rozszerzenie dla programistów internetowych, ale Greasemonkey jest niesamowity, zwłaszcza ze względu na możliwość automatyzacji często wykonywanych czynności, co jest świetną oszczędnością czasu dla programistów internetowych.

Zmierz to

Z łatwością mierz odległość na ekranie dzięki temu rozszerzeniu. Po zmierzeniu obszaru możesz przeciągnąć prostokąt po ekranie, aby użyć go jako porównania.

Widok IE / IE Tab / OperaView / FirefoxView / Widok Safari / IE View Lite

Te rozszerzenia (do wyboru) umożliwiają łatwe przeglądanie bieżącej strony w różnych przeglądarkach. IE Tab pozwoli ci nawet uruchomić IE wewnątrz zakładki, jeśli masz na to ochotę.

Przycisk Wyczyść pamięć podręczną

Czyści pamięć podręczną. Szczególnie przydatne do sprawdzania nowych zmian w CSS.

Uruchom ponownie przeglądarkę Firefox

Rozszerzenie Restart Firefox jest bardzo przydatne do zamykania i ponownego uruchamiania Firefoksa z nienaruszonymi wszystkimi kartami i sesjami.

Tab Mix Plus

Rozszerzenie Tab Mix Plus jest ogólnie świetnym rozszerzeniem, ale ma kilka zasadniczo przydatnych funkcji dla twórców stron internetowych: Duplikuj kartę i Kopiuj adres URL karty.

YSlow

Rozszerzenie YSlow to nowe rozszerzenie firmy Yahoo, które przeanalizuje Twoją stronę i poinformuje Cię, gdzie popełniasz błędy. Dzięki temu uzyskasz nawet ocenę wydajności witryny. Zauważysz mały wskaźnik w prawym dolnym rogu… pokazuje on całkowity rozmiar strony, a także czas wczytywania. Bardzo przydatne rozszerzenie, ale wymaga rozszerzenia Firebug.

Manekin Lorem ipsum

Rozszerzenie generatora Dummy Lipsum wygeneruje dla Ciebie fikcyjną zawartość na podstawie słynnego tekstu Lorem Ipsum, który jest bardzo przydatny do umieszczania fałszywych treści w Twojej witrynie.

Zrzut z ekranu!

Rozszerzenie Screengrab umożliwia robienie zrzutów ekranu stron, ale może zrobić coś, czego nie potrafi zwykłe narzędzie do zrzutów ekranu - może zrobić obraz całej strony, a nie tylko widocznej części.

Jest mnóstwo innych rozszerzeń, których możesz użyć, ale są to najlepsze z najlepszych spośród wszystkich, jakie widziałem. Jeśli masz inne rozszerzenie, z którego regularnie korzystasz, zostaw wzmiankę w komentarzach.

W tym momencie zmieniłeś Firefoksa w najlepsze narzędzie do tworzenia stron internetowych. Poświęć trochę czasu, aby nauczyć się szczególnie używać Firebuga.

Create Multiple Firefox Profile And Create It's Own Desktop Entry

The Ultimate Web Development Course 05-12: How To Make A CSS Sprite

Run Firefox Profile In A RAMDISK

How To Create And Manage Multiple Profiles In Firefox

Free Firefox Web Developer Tools

Web Support In IntelliJ IDEA Ultimate

Customizing Firefox

Create A Custom Login Page, Custom Registration Page & An Edit Profile Page In WordPress

Easy Web Design With Web Developer Tools On Chrome, Firefox & Safari

💻✨ - Setting Up A Mac For Web Development - 2020 - Homebrew / Terminal / Git / Code Editor / Node.js


Chmura i Internet - Najpopularniejsze artykuły

Jakie wszystkie procesy NVIDIA działają w tle?

Konserwacja i optymalizacja Feb 21, 2025

Jeśli zainstalowałeś oprogramowanie NVIDIA GeForce Experience, zobaczysz na swoim komputerze sporo procesów NVIDIA działających w tle. Naliczyliśmy dziesięć oddzielnych pro..


Co to jest ReFS (odporny system plików) w systemie Windows?

Konserwacja i optymalizacja Oct 4, 2025

TREŚĆ NIENARUSZONA Nowy system plików ReFS firmy Microsoft został pierwotnie wprowadzony w systemie Windows Server 2012. Jest on dostępny w systemie Windows 10, gdzie można ..


Kiedy należy wymienić główne urządzenia domowe?

Konserwacja i optymalizacja Apr 29, 2025

Prawdopodobnie wymieniasz coś, gdy się zepsuje i nie działa (lub naprawiasz, jeśli koszty nie są zbyt wysokie). Jednak zazwyczaj nie jest to dobra strategia w przypadku dużych..


Jak zainstalować motywy pulpitu w systemie Windows 10

Konserwacja i optymalizacja Apr 11, 2025

Aktualizacja dla twórców systemu Windows 10 dodaje motywy do Sklepu Windows, ułatwiając dostosowywanie pulpitu za pomocą nowego tła, dźwięków i kolorów. Są to..


Jak dodać skrót Hotspot do ekranu głównego Androida

Konserwacja i optymalizacja Sep 10, 2025

Przenośne hotspoty Wi-Fi na telefonie z Androidem są świetne, ponieważ hotelowa sieć Wi-Fi zwykle nie działa, ale włączanie i wyłączanie tego punktu dostępu jest uciążl..


Jak wymusić opcje graficzne w grach na PC z grafiką NVIDIA, AMD lub Intel

Konserwacja i optymalizacja Jul 10, 2025

TREŚĆ NIENARUSZONA Gry na PC zwykle mają wbudowane opcje graficzne, które można zmienić. Jednak nie jesteś ograniczony do opcji wbudowanych w gry - panele sterowania grafik..


Dodaj trochę wizualnego stylu do ekranu Menedżera zadań w systemie Windows 7

Konserwacja i optymalizacja Jul 22, 2025

TREŚĆ NIENARUSZONA Jeśli lubisz maksymalnie dostosowywać swój system, mamy dla Ciebie fajny sposób na zmianę schematu kolorów w oknie Menedżera zadań. Te karty Wydajność i Sieć..


Szybka wskazówka: sprawdzanie pisowni w polach tekstowych przeglądarki Firefox

Konserwacja i optymalizacja May 30, 2025

Wszyscy widzieliśmy błędnie napisane tytuły artykułów (szczególnie na Digg.com). Czy Firefox nie ma wbudowanego sprawdzania pisowni? Powodem, dla którego tytuły artykułów ..


Kategorie