wtorek, 19 czerwca 2007

Firefox jako IDE Web Developera


Firefox jest rewelacyjnym narzędziem jeżeli chodzi o pracę nad kodem stronek. Oferuje wystarczającą niezawodność i funkcjonalność, a po uzupełnieniu go o szereg wtyczek staje się naprawdę potężnym i przydatnym narzędziem.

DOM Inspector
Narzędzie to dostępne jest jeżeli podczas instalacji wybierzemy instalację niestandardową i zaznaczymy do instalacji DOM Inspectora. To proste narzędzie pozwala dokładne zapoznanie się ze strukturą dowolnej strony. Całość jest nieco toporna w obsłudze i wymaga wielokrotnego klikania myszką w rozwijające się drzewo. Pomocne jest jednak zaznaczanie czerwoną ramką elementów blokowych i obrazków. Dodatkowo można obserwować kaskadowe arkusze stylów (CSS) oraz skrypty JavaScript.

Rozszerzenie Web Developer
Web Developer to jedna z najbardziej rozbudowanych wtyczek dla web developerów pod Firefox'a. Kojarzy się ona z nafaszerowanym bajerami fińskim scyzorykiem i oferuje naprawdę ogrom przydatnych opcji.

Z tym dodatkiem możesz dowolnie kroić, mierzyć i nadzorować stronę za pomocą wbudowanych linijek i elementów pomiarowych. Jest to bardzo przydatne do ustawiania elementów strony w idealnej linii. Wartym wspomnienia narzędziem jest również lupa.

Developer do dyspozycji otrzymuje również szereg narzędzi do edycji oraz wyłączania obrazków, css'ów czy JavyScript. Ogromną ilość narzędzi informacyjnych wspomagają zewnętrzne validatory CSS, (X)HTML, JavaScriptów itp. Dla developerów PHP dostępne są opcje edycji plików cookie i formularzy w czasie rzeczywistym.

Zainstaluj rozszerzenie Web Developer.

Rozszerzenie Tamper Data
Tamper Data jest rozszerzeniem pozwalającym na dokładną obserwację całej komunikacji serwera http z przeglądarką. Pozwala ono na prześledzenie wszystkich zapytań http wysyłanych przez obie strony. Jest to niezwykle użyteczne w przypadku np. niewyjaśnionych problemów z kodowaniem lub dziwnymi przekierowaniami serwera. Narzędzie pozwala na testowanie aplikacji za pomocą ręcznie wprowadzanych nagłówków.

Zainstaluj rozszerzenie Tamper Data.

Rozszerzenie FireBug
FireBug jest chyba najbardziej znanym rozszerzeniem dla twórców stron www. I słusznie! Jest to najbardziej kompleksowe narzędzie do debugowania html'a, css'a, JavyScriptu, elementów DOM i wielu innych. Ogrom funkcji prowadzi czasami do oczopląsu, jednak w miarę przejrzysta budowa i chwila obcowania z programem pozwala na sprawną pracę. FireBug powiela wiele elementów ze wspomnianych wcześniej narzędzi, jednak jest chyba najbardziej dopracowanym rozszerzeniem i moim zdaniem powinno służyć jako główne narzędzie w debugowaniu. Pozostałe elementy służą jako często pomocne dodatki.

Zainstaluj rozszerzenie FireBug.

Rozszerzenie ColorZilla
ColorZilla jest malutkim pluginem służącym tylko i wyłącznie do pobierania koloru z dowolnego elementu strony. Jest to niezwykle przydatne, co w moim przypadku zaoszczędza mi kupę czasu na kopiowaniu screenshotów do edytora graficznego.

Zainstaluj rozszerzenie ColorZilla.

0 komentarzy: