Blog > Komentarze do wpisu

Firefox dla web developera

Nie chcę się z nikim spierać na temat tego, która przeglądarka internetowa jest najlepsza, jednak moim zdaniem w kwestii tworzenia stron www, dzięki kilku rozszerzeniom, Firefox staje się w pełni profesjonalnym narzędziem idealnym dla każdego webmastera. A oto lista tych kilku wspomnianych dodatków:

1. Web Developer

Web Developer to bardzo rozbudowane rozszerzenie składające się z wielu narzędzi wręcz niezbędnych w procesie tworzenia strony internetowej. Wszystkie dostępne opcje zgrupowane są w 11 kategoriach, do których mamy szybki dostęp z poziomu dodatkowego paska narzędziowego lub menu kontekstowego.

Zrzut ekranu:

web_developer

Podstawowe możliwości:

  • edycja arkusza CSS oraz kodu źródłowego strony
  • obrys elementów
  • sprawdzanie zgodności dokumentu ze specyfikacją W3C
  • dokładne określanie wymiarów okna przeglądarki
  • wykonywanie operacji na ciasteczkach oraz formularzach
  • blokowanie skryptów oraz plików graficznych
  • siatka
  • prowadnice
  • lupa

Odsyłacze:

  • Web Developer w addons.mozilla.org
  • Strona domowa rozszerzenia Web Developer

2. Firebug

Firebug to kolejny narzędziowy kombajn. Rozszerzenie dodaje do Firefoksa rozbudowany panel dostępny po kliknięciu na ikonkę, znajdującą się w prawym dolnym rogu przeglądarki. We wspomnianym panelu znajdziemy wszystkie niezbędne informacje na temat najważniejszych elementów witryny, czyli między innymi konsolę błędów, zakładkę HTML, CSS, Script, DOM, czy w końcu wykresy przedstawiające czas ładowania poszczególnych obiektów zagnieżdżonych w dokumencie. Po wybraniu przycisku "Inspect", możemy szybko zlokalizować w kodzie strony wskazany kursorem znacznik i odczytać (a w razie potrzeby również zmodyfikować) przypisane do niego klasy oraz identyfikatory. Wszystkie zmiany wprowadzone w kodzie tak, jak w przypadku poprzedniego rozszerzenia są widoczne natychmiast w oknie przeglądarki.

Zrzut ekranu:

firebug

Odsyłacze:

  • Firebug w addons.mozilla.org
  • Strona domowa rozszerzenia Firebug

3. ColorZilla

ColorZilla to rozszerzenie pozwalające na pobieranie próbki koloru wprost ze strony internetowej. Wystarczy, że klikniemy na ikonkę w lewym dolnym rogu i najedziemy kursorem na dowolny punkt w obrębie przeglądarki a natychmiast otrzymamy informacje miedzy innymi na temat koloru danego obszaru. Oprócz tego dodatek oferuje paletę kolorów, automatyczne kopiowanie barwy do schowka oraz powiększenie.

Zrzut ekranu:

colorzilla

Odsyłacze:

  • ColorZilla w addons.mozilla.org
  • Strona domowa rozszerzenia ColorZilla

4. HTML Validator

HTML Validator, tak jak sama nazwa na to wskazuje służy do sprawdzania poprawności kodu źródłowego strony. Rozszerzenie korzystając z wybranego przez nas algorytmu kontroluje źródło dokumentu i wyświetla odpowiednie informacje na pasku stanu przeglądarki. Dodatek pozwala na dokładną analizę kodu HTML, jak również możliwość naprawy niektórych błędów i niedociągnięć.

Zrzut ekranu:

html_validator

Odsyłacze:

  • HTML Validator w addons.mozilla.org
  • Strona domowa rozszerzenia HTML Validator

5. Screengrab!

Screengrab! to bardzo przydatne rozszerzenie, umożliwiające wykonanie zrzutu całej witryny oraz jej aktualnie widocznego fragmentu lub uprzednio wskazanego obszaru. Screeny są zapisywane w formacie PNG lub JEPG.

Zrzut ekranu:

screengrab

Odsyłacze:

  • Screengrab! w addons.mozilla.org
  • Strona domowa rozszerzenia Screengrab!

6. FireFTP

Wieloplatformowy i wygodny w obsłudze doskonały klient FTP.

Zrzut ekranu:

fireftp

Odsyłacze:

  • FireFTP w addons.mozilla.org
  • Strona domowa rozszerzenia FireFTP

7. IE Tab

IE Tab pozwala na otwarcie dowolnej strony w Firefoksie korzystając z silnika renderującego Internet Explorera (Trident). Zmiany trybu wyświetlania dokonujemy poprzez kliknięcie lewym przyciskiem myszy na ikonce w prawym dolnym rogu przeglądarki lub przy pomocy odpowiedniej opcji w menu kontekstowym.

Zrzut ekranu:

ietab

Odsyłacze:

  • IE Tab w addons.mozilla.org
  • Strona domowa rozszerzenia IE Tab
wtorek, 03 lipca 2007, stl

Polecane wpisy

  • Boxed in

    Z okazji Mikołajek przygotowałem dla Was drobny upominek a konkretnie nowy szablon. Prace nad stylem trwały dość długo, dlatego też efekt końcowy może wydawać s

  • Wood.n (Blox Edition)

    Tak, nareszcie ukończyłem od dawien dawna zapowiadany szablon dla Bloksa. Portowanie Wood.n bez dwóch zdań zajęło mi niesamowicie dużo czasu, ale za to layout

  • Screencast: Google Chrome

    W związku z pojawieniem się na rynku kolejnej przeglądarki internetowej, czyli Google Chrome , postanowiłem przygotować dla Was krótki screencast. Wideo jest pr

TrackBack
TrackBack w tym blogu jest moderowany. TrackBack URL do wpisu:
zmieszane.02 z experymenty informatyczne
Dziś druga część zmieszanych linko-informacji . Jeśli chcecie sprawdzić swój stopień uzależnienia od blogowania internetu to przyjrzyjcie się liście 50 oznak uzależnienia . Albo zróbcie sobie inny test trochę trafniejsze pytania, ale po ... »
Wysłany 2007/07/05 00:15:11
Optymalizacja Firefoksa z Long Way
W kilku prostych krokach pokrótce opiszę, jak szybko i bezboleśnie zoptymalizować Firefoksa. Mam nadzieję, że poniższy krótki artykuł przynajmniej niektórym z Was uprzyjemni korzystanie z najlepszej przeglądarki na świecie Szybkość Aby nieco ... »
Wysłany 2007/09/10 12:41:02
Komentarze
sgk
2007/07/03 10:36:02
Bardzo dobry, kompleksowy wpis, choć myślę że świadomi webdeweloperzy o tym wiedzą :)

Czy ten walidator dostępny w Web Developerze ustępuje w czymś temu z oddzielnego rozszerzenia?

Przydatne też mogą być:
MeasureIt (choć podstawowa linijka jest też w WebDev).
Load Time Analyzer
-
stl
2007/07/03 10:49:37
Widzisz rozszerzenie HTML Validator nie wysyła strony do zewnętrznego serwisu tak jak Web Developer, a korzysta z własnych algorytmów opartych na HTML Tidy oraz OpenSP. Otrzymujesz wyniki natychmiast po załadowaniu strony wraz z odpowiednią pomocą i przykładami.
-
Gość: , 135.245.72.*
2007/07/04 14:30:50
Dzięki za IE TAB!
-
Gość: Jakub, *.internetdsl.tpnet.pl
2008/06/06 10:49:02
hej, moja lista jest bardzo podobna:
www.myaddonslist.eu/user/master

longway

Mini blog

Treść bloga dostępna jest na licencji Creative Commons. by-nc-nd

stat4u