Stwórz profil zaawansowanego rozwoju przeglądarki Firefox
Po prawidłowym skonfigurowaniu Firefox może stać się najlepszym narzędziem do tworzenia stron internetowych, zapewniającym bezpośredni dostęp do strony, nad którą pracujesz, dzięki czemu możesz nadać styl stronie w czasie rzeczywistym, debugować javascript lub nawet edytować kod HTML..
Stwórz oddzielny profil dla rozwoju sieci
Zainstalowanie wszystkich tych narzędzi programistycznych sprawi, że Firefox stanie się bardzo ciężką przeglądarką, więc 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ż skonfigurowany Firefox 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ć ich 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 przypisaną do nich klasę / identyfikator. Jest łatwiejszy 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żna 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 znakomitą oszczędnością czasu 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 / Widok Safari / IE View Lite
Te rozszerzenia (wybierz) pozwalają łatwo wyświetlić bieżącą stronę w różnych przeglądarkach. IE Tab pozwala nawet na uruchamianie 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 ogólnie 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 Ci, 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 o czasie ładowania. Bardzo przydatne rozszerzenie, ale wymaga rozszerzenia Firebug.
Dummy Lorem Ipsum
Rozszerzenie na Dummy Lipsum wygeneruje dla ciebie fikcyjną treść opartą na słynnym tekście Lorem Ipsum, który jest bardzo przydatny do układania fałszywych treści w twojej witrynie.
Screengrab!
Rozszerzenie Screengrab pozwoli ci robić zrzuty ekranu ze stron, ale może zrobić coś, czego zwykłe narzędzie do zrzutu ekranu nie potrafi - może zrobić zdjęcie całej strony, a nie tylko części widocznej.
Istnieje mnóstwo innych rozszerzeń, z których możesz korzystać, ale są to najlepsze z najlepszych ze wszystkich, jakie widziałem. Jeśli masz inne rozszerzenie, którego używasz regularnie, zostaw wzmiankę w komentarzach.
W tym momencie zmieniłeś Firefoxa w najlepsze narzędzie do tworzenia stron internetowych. Poświęć trochę czasu, aby dowiedzieć się, jak korzystać z Firebug szczególnie.