Michał Przytulski blog

Tworząc aplikacje i witryny internetowe na co dzień spotykamy się z zagadnieniami debagowania, czy śledzenia zmian, dlatego też postanowiłem przedstawić kilka rozszerzeń do przeglądarki Firefox, które wykorzystuje na co dzień, i które ułatwiają mi prace.

WebDeveloper - niezastąpione narzędzie wspomagające prace, o jego możliwościach można już zacząć pisać książkę. Rozszerzenie to dostępne jest również w polskiej wersji językowej. W czym ułatwia życie? – pozwala między innymi na:

• zarządzanie cache przeglądarki,
• obsługa Java oraz JavaScript
• zarządzanie Cookies (w tym dodanie własnego)
• edycja, włączanie, wyłączanie css
• zarządzanie formularzami – włączanie pól, zmiana metody wysyłania formularza, konwertowanie typów pól
• informacje o obrazkach (również dynamicznych, obrazkach tła)
• obramowanie elementów – obrazków, warstw, tabel
• informacje o elementach, atrybutach, linkach, stylach, javascript, nagłówkach itd.
• skalowanie witryny, dopasowanie do rozdzielczości,
• uruchamianie narzędzi zewnętrznych: walidatorów, konsoli JavaScript
• ułatwienie dostępu do źródła strony

To tylko część z możliwości rozszerzenia, po więcej informacji odsyłam na witrynę projektu: http://chrispederick.com/work/webdeveloper/

FireBug – Konsola, Debugger, DOM Inspector w jednym – jest to niezastąpione narzędzie dla developerów wykorzystujących technologię AJAX, bowiem z wykorzystując to rozszerzenie otrzymujemy możliwość podglądu zapytań i odpowiedzi XMLHttpRequest ale to tylko jedna z wielu funkcji jakie dostarcza nam FireBug. Wśród nich znajdziemy również:

• konsolę JavaScript zawierającą informacje o błędach
• debugger pozwalający na uruchamianie skryptu krok po kroku
• edytor elementów DOM – w chwili obecnej w wersji podstawowej
• wiersz poleceń JavaScript

Witryna projektu: http://www.joehewitt.com/software/firebug/

IETab – Wciąż uzależniony od przeglądarki Microsoft ? – To już nie problem możesz oglądać wyniki swojej pracy nie opuszczając Firefox – rozszerzenie wprawdzie działa wyłącznie pod systemem Windows jednak pozwala na wygodną prace tworząc środowisko 2 w 1.
Witryna projektu: http://ietab.mozdev.org/

Selenium IDE – Znudzony wielokrotnym powtarzaniem tych samych czynności podczas testowania aplikacji webowych – może warto je nagrać i powtarzać w sposób automatyczny – z rozszerzeniem Selenium IDE nic prostszego. Narzędzie to pozwala na rejestrowanie akcji użytkownika takich jak: klikanie, wprowadzanie danych, interakcja z witryną, a następnie na podstawie zgromadzonych danych przeprowadzać testy porównawcze z podanym wzorem (szukanie wystąpienie stringu czy zajście określonej akcji). Korzystając z Selenium IDE zyskujemy możliwość automatyzacji żmudnych testów interfejsu użytkownika.
Witryna projektu: https://addons.mozilla.org/firefox/2079/

HTML Validator – To narzędzie każdego webdevelopera dla którego zgodność ze standardami ma znaczenie. Z wykorzystaniem tego narzędzia jesteśmy wstanie w trybie online przeprowadzić walidację zgodności naszego kodu z standardami W3C. Rozszerzenie bazuje na sprawdzonej bibliotece / rozszerzeniu Tidy opracowanym pierwotnie przez W3C.
Witryna projektu: http://users.skynet.be/mgueury/mozilla/

XMLDeveloper – To rozszerzenie bardzo nowe i zapowiadające się bardzo ciekawie jego głównym zadaniem jest ułatwienie pracy programistą tworzącym z wykorzystaniem technologii XML. Główne funkcje rozszerzenie to między innymi:

• generowanie dtd, xml-schema
• walidacja
• manipulacja stylami
• transformacje w locie dokumentów xml

Witryna projektu: http://xmldeveloper.mozdev.org/