Główna » jak » Stwórz profil zaawansowanego rozwoju przeglądarki Firefox

    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.