24Aug

Stwórz profil zaawansowanego rozwoju przeglądarki Firefox

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 oddzielny profil dla 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ż Firefoxa 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.

Muszą mieć rozszerzenia Web Dev

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.

Web Developer Extension

Jeden z najlepszych rozszerzeń przez kolejne lata. 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 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

Wybieraj 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

To nie jest 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 świetną oszczędnością czasu dla twórców stron internetowych.

Zmierz to

Łatwo zmień 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 Zobacz / IE Tab / OperaView / FirefoxView / Safari Zobacz / IE View Lite

Te rozszerzenia( wybierz) pozwalają łatwo przeglądać 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.

Przycisk czyszczenia pamięci podręcznej

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

Uruchom ponownie 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 generatora Dummy Lipsum wygeneruje dla ciebie fikcyjną treść opartą 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 ekranów 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 widocznej części.

Istnieje wiele 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 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.