If-Koubou

Stwórz profil zaawansowanego rozwoju przeglądarki Firefox

Stwórz profil zaawansowanego rozwoju przeglądarki Firefox (Jak)

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.