1. Firebug Lite

Jedno z najbardziej znanych narzędzi dla webdeweloperów. Pierwotnie miało postać dodatku do Firefoksa, później zostało przerobione pod Chrome. Rozszerzenie umożliwia edycję, debugowanie i monitorowanie kodu HTML, CSS czy JavaScript na dowolnej stronie WWW.

Instalując Firebuga, trzeba pamiętać o dwóch rzeczach. Po pierwsze, nie jest on tak rozbudowany jak oryginalny dodatek do Firefoksa. Po drugie, Chrome ma własne narzędzia programistyczne, które doskonale spełniają wiele zadań typowych dla Firebuga Lite.

Rys. 01. Główny interfejs Firebuga Lite na stronie Webhosting.pl.

2. Web Developer Toolbar

Kolejny klon kultowego dodatku do Firefoksa. W przeciwieństwie do Firebuga Lite najważniejszym modułem nie jest tu konsola. Aplikacja pozwala za to na dodawanie różnego rodzaju elementów kodu do stron WWW. Umożliwia na przykład włączenie opisów obrazków czy ukrycie wszystkich grafik.

Web Developer Toolbar ułatwia także wyszukiwanie na stronach WWW takich elementów jak całe tabele, komórki albo ramki. Dysponuje wbudowanym narzędziem zmieniającym rozmiar ekranu przeglądarki i dostosowującym go do pożądanej, testowej rozdzielczości.

Rys. 02. Rozbudowane menu nawigacyjne Web Developer Toolbara.

Inne narzędzia oparte na podobnym interfejsie to Pendule i Chrome Web Developer Tools.

3. Lorem Ipsum Generator

Bardzo proste rozszerzenie, którego zadaniem jest generowanie przykładowego tekstu w rodzaju słynnego "Lorem ipsum...". Treść taką można wstawić do witryny na etapie jej projektowania, aby sprawdzić, jak wygląda i zachowuje się tekst. Pozwala to na szybkie usunięcie ewentualnych błędów.

Oczywiście, w Sieci można znaleźć wiele serwisów z tego rodzaju przykładami. Lorem Ipsum Generator ma jednak kilka ciekawych ustawień. Pozwala na przykład zdefiniować liczbę słów w akapicie czy liczbę akapitów. Dzięki temu webdeweloper od razu otrzymuje pożądaną ilość tekstu.

Rys. 03. Przykładowy tekst wygenerowany za pomocą dodatku.