Po prawidłowym skonfigurowaniu Firefox może stać się najlepszym narzędziem do tworzenia stron internetowych, dającym bezpośredni dostęp do strony, nad którą pracujesz, abyś mógł w czasie rzeczywistym stylizować swoją stronę, debugować javascript, a nawet edytować html.
Stwórz osobny profil do tworzenia stron internetowych
Zainstalowanie wszystkich tych narzędzi programistycznych sprawi, że Firefox stanie się bardzo ciężką przeglądarką, dlatego najpierw powinniśmy stworzyć 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. Istnieje również bardziej szczegółowe wyjaśnienie, jak to zrobić.
firefox.exe -P WebDev -no-remote
Teraz, gdy masz już Firefox skonfigurowany z osobnym profilem tylko do tworzenia stron internetowych, rzućmy okiem na rozszerzenia, których możemy użyć, aby Firefox stał się ostatecznym narzędziem do tworzenia stron internetowych.
Must-Have Web Dev Extensions
Są to wszystkie rozszerzenia, których używam regularnie 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 i używać go do debugowania kodu Ajax. To naprawdę najlepsze rozszerzenie.
Rozszerzenie Web Developer
Jeden z najlepszych rozszerzeń przez dwa lata z rzędu. To niezbędnik dla każdego programisty, ale już o nim słyszałeś.
Rozszerzenie Aardvark
To rozszerzenie jest bardzo lekkim rozszerzeniem, które z łatwością wskaże elementy na stronie i przypisane im klasy / id. Jest prostsze w użyciu niż rozszerzenie dla programistów webowych w tamtych czasach, gdy potrzebujesz tylko szybkiej informacji o elemencie. Możesz go również użyć do usunięcia elementów ze strony.
Colorzilla
Wybierz kolory łatwo. Nigdy więcej bólu znajdowania kolorów osadzonych gdzieś w arkuszu stylów.
Wyświetl źródło z
Możesz skonfigurować wiele profili źródła widoku, aby otworzyć źródło w różnych aplikacjach.
HTML Validator
To rozszerzenie umożliwia łatwe sprawdzenie poprawności kodu HTML strony i instalację w panelu Wyświetl źródło.
Greasemonkey
Nie jest to dokładnie rozszerzenie dla programistów WWW, ale Greasemonkey jest niesamowity, nie tylko ze względu na możliwość zautomatyzowania często wykonywanych działań, co jest świetnym rozwiązaniem dla twórców stron internetowych.
Zmierz to
Łatwo zmierzyć odległość na ekranie dzięki temu przedłużeniu. Po zmierzeniu obszaru możesz przeciągnąć prostokąt wokół ekranu, aby użyć go jako porównania.
IE View / IE Tab / OperaView / FirefoxView / Przegląd Safari / IE View Lite
Te rozszerzenia (wybierz) pozwalają łatwo wyświetlać bieżącą stronę w różnych przeglądarkach. IE Tab pozwoli ci nawet uruchomić IE wewnątrz karty, jeśli byłeś tak pochłonięty.
Wyczyść przycisk pamięci podręcznej
Czyści pamięć podręczną. Szczególnie przydatny do sprawdzania nowych zmian CSS.
Uruchom ponownie przeglądarkę Firefox
Rozszerzenie Restart Firefox jest bardzo użyteczne przy zamykaniu i ponownym uruchamianiu Firefoksa z nienaruszonymi wszystkimi zakładkami i sesjami.
Tab Mix Plus
Rozszerzenie Tab Mix Plus jest doskonałym rozszerzeniem, ale ma kilka przydatnych funkcji dla twórców stron internetowych: Zduplikowana karta i Kopiuj adres URL karty.
YSlow
Rozszerzenie YSlow to nowe rozszerzenie z Yahoo, które analizuje twoją stronę i mówi, gdzie popełniasz błędy. Zapewni to nawet ocenę wydajności Twojej witryny. Zauważysz mały wskaźnik w prawym dolnym rogu ... informuje o całkowitym rozmiarze strony oraz czasie ładowania. Bardzo przydatne rozszerzenie, ale wymaga rozszerzenia Firebug.
Dummy Lorem Ipsum
Rozszerzenie z Dummy Lipsum wygeneruje dla ciebie obojętne treści oparte na słynnym tekście Lorem Ipsum, który jest bardzo przydatny do tworzenia fałszywych treści w twojej witrynie.
Screengrab!
Rozszerzenie Screengrab pozwala robić zrzuty ekranu ze stron, ale może zrobić coś, czego zwykłe narzędzie do zrzutu ekranu nie może - może zrobić zdjęcie całej strony, a nie tylko widocznej części.
Istnieje mnóstwo innych rozszerzeń, z których możesz korzystać, ale są to najlepsze z najlepszych rzeczy, jakie widziałem. Jeśli masz inne rozszerzenie, którego używasz regularnie, zostaw wzmiankę w komentarzach.
W tym momencie przekształciłeś Firefoxa w najlepsze narzędzie do tworzenia stron internetowych. Poświęć trochę czasu, aby dowiedzieć się, jak korzystać z Firebug szczególnie.