10 najlepszych wtyczek webmasterskich dla Firefoksa

Przedstawiamy 10 najlepszych wtyczek do Mozilla Firefoksa, bez których życie każdego webmastera byłoby nudne, szare i smutne. Te małe aplikacje usprawnią pracę nad każdą witryną.

Jako maniak wszelkich statystyk codziennie kilkanaście razy odwiedzam gemiusTraffic i Google Analytics, by sprawdzić, jak się mają liczby związane z "odwiedzalnością" naszego serwisu. Jedna z nich jest naprawdę znacząca: aż 56% naszych użytkowników korzysta z Firefoksa. Dziś więc coś specjalnie dla Was. Skoro większość z nas tworzy strony WWW i większość korzysta z Firefoksa, postanowiłem połączyć te dwie koncepcje i pokazać Wam, w jaki sposób uzbroić "Lisa" (albo jak niektórzy wolą "Pandę") w zestaw narzędzi, które usprawniają codzienną pracę webmastera.

1. Klient protokołu FTP

FireFTP – większość z nas wgrywa swoje strony WWW za pomocą protokołu FTP. Dlaczego nie wyposażyć "Lisa" właśnie w takie narzędzie? FireFTP działa jako kolejna zakładka, co jest bardzo wygodne i wpisuje się w metodę działania interfejsu przeglądarek. Obsługuje SSL/TSL i zapewnia synchronizację. Co więcej, pliki można transferować metodą przeciągnij i upuść. Jeśli ktoś nie lubi FireFTP, może ewentualnie skorzystać z Gmail Space'a.

Rysunek 1: FireFTP to w pełni funkcjonalny klient FTP, który uruchamiamy w zakładce.

2. Menedżer i próbnik kolorów

ColorZilla – dla wielu ludzi jest to funkcja, z powodu której w ogóle sięgnęli po Firefoksa. Wtyczka ta pozwala na pobranie dowolnego koloru ze strony WWW w postaci heksadecymalnej lub RGB. Sprytne, prawda? Możemy dowolnie powiększać każdy element i pobierać z niego barwę, tak jak robi się to w klasycznych programach graficznych. ColorZilla pozwala także na mierzenie odległości między dowolnymi składnikami na stronie. Żyć, nie umierać – gwarantuję pełne uzależnienie od tego programiku.

Rysunek 2: ColorZilla pozwala pobierać kolory w postaci heksagonalnej lub RGB prosto ze stron WWW.

3. Pasek narzędzi webmasterskich

Web Developer Toolbar – w dużej mierze narzędzie to pozwala Ci po prostu wyciągnąć do głównego okna przeglądarki funkcje samego Firefoksa najczęściej wykorzystywane w pracy webmastera: szybko włączymy i wyłączymy ciasteczka, wyczyścimy cache, uruchomimy obsługę JavaScriptu etc. Ale to narzędzie ma o wiele więcej zastosowań. Dzięki niemu wyedytujemy kod HTML strony i podejrzymy zawartość plików CSS. Lubię też funkcję dostosowywania wielkości okna przeglądarki do różnych wielkości ekranów monitorów. Funkcji WDT jest naprawdę dużo, każdy – tak jak i ja – znajdzie tu jakieś małe usprawnienie, które spowoduje, że praca nad tworzeniem witryn będzie bardzo łatwa.

Rysunek 3: Web Developer Toolbar to rozbudowany dodatkowy pasek narzędzi Firefoksa.

4. Sekundnik do obliczania czasu ładowania się strony

Load Time Analyzer – proste i przydatne narzędzie, które pozwala na obliczanie czasu potrzebnego Firefoksowi do załadowania danej strony WWW. Aplikacja podaje także liczbę zdarzeń potrzebnych do załadowania witryny oraz generuje wykres pokazujący, jak długo przeglądarka oczekiwała na pobranie każdego elementu. Fajne narzędzie dla ludzi, którym zależy na optymalizacji ich witryny.

Rysunek 4: Dzięki Load Time Analyzerowi sprawdzimy, jak szybko ładują się nasze strony WWW.

5. Miernik ładowania się strony WWW

Extended Statusbar – pasek stanu podobny do tego, którego znamy z Opery. Nie jest to jakaś wybitna i naszpikowana funkcjami wtyczka, ale co nieco potrafi, np. pokazuje liczbę załadowanych obrazków, pobranych bajtów informacji, średnią prędkość ładowania się strony, całkowity czas ładowania się strony oraz aktualny stopień załadowania się witryny (w procentach). Małe, szybkie i poręczne narzędzie.

Rysunek 5: Extended Statusbar pokazuje m.in. liczbę załadowanych obrazków ze strony WWW.

«poprzednia 1 2 następna »

Podoba Ci się ten tekst? Powiedz o tym innym na Fb: lub na G+:

publikuj:

wydrukuj

26 skomentuj »

Komentarze

#1 KwiateK 2008-07-07 10:13:53 0
Link nr 7 nie dziala (zapomnieliscie dodac "/addon/").

Same wtyczki bardzo fajne. Nawet dla mnie, jako milosnika Opery. Przerobilem sobie swojego rzadko uzywanego FF na wersje webdeveloperska ;)
None
#2 dAREuS 2008-07-07 10:13:53 0
@kwiatek: Poprawione. Cieszę się, że wtyczki się podobały. Niech służą :)
None
#3 Jarek 2008-07-07 10:13:53 0
dodatków lub rozszerzeń a nie wtyczek!!!

co za beznadziejna captcha - a serwis o technologiach internetowych, wstyd!!!
None
#4 eimi 2008-07-07 10:13:53 0
@jarek

To że Mozilla nazwało wtyczkę dodatkiem nie sprawia, że ja muszę nazywać ją dodatkiem. Tak samo to, że chcą używać skrótu Fx na Firefoksa nie znaczy, że mam przestać pisać FF.

Co do Twego niezadowolenia z reCaptchy - botem się okazałeś, czy co? Bardzo dobry system, i pożyteczny, bo pomaga ocalać starodruki.
None
#5 b.YISK 2008-07-07 10:13:53 0
Opisałem kilka wtyczek, już jakiś czas temu, na swoim blogu:

http://byisk.wordpress.com/2007/10/07/26/

Koncentrowałem się głównie na zwiększeniu obszaru roboczego.

Pozdrawiam,

b.YISK
None
#6 iss 2008-07-07 10:13:53 0
"pozwala na pobranie dowolnego koloru ze strony WWW w postaci heksagonalnej lub RGB"

Hexagonalny == sześciokątny

Kto mi powie jak wyglądają kolory w postaci szseściokątnej?
None
#7 Agencik 2008-07-07 10:13:53 0
Dziekuje za te wtyczki Swietna sprawa. Nawet dla zwolennika opery usb. A moze jakas wtyczka jeszcze zeby lis sie nie wykrzaczal? Przy kilku zakladkach po prostu sie wylacza i to z wersji na wesje.
None
#8 Badziu 2008-07-07 10:13:53 0
Na pierwszym miejscu powinien się znaleźć FireBug. Bezapelacyjnie.
None
#9 qbs 2008-07-07 10:13:53 0
polacam jeszcze (tidy) html validator, swietna wtyczka dla cutterow
None
#10 q 2008-07-07 10:13:53 0
iMacros zapomniane...
None
#11 dAREuS 2008-07-07 10:13:53 0
@iss: Racja. Czasem coś z rozpędu takiego wyjdzie. Poprawione.
None
#12 xD 2008-07-07 10:13:53 0
"Nie wyobrażam sobie, żeby jakiś deweloper nie miał zainstalowanego FireBuga" - dlatego powinien być na pierwszej pozycji a nie na ósmej. Firebug w dodatku w swej funkcjonalności zawiera to co niektóre z pozostałych wtyczek w tym rankingu. Poza tym Klientów FTP jest masa a Firebug jest jeden. Jak wspomniał Badziu - Firebug to bezapelacyjnie numer 1.
None
#13 rig 2008-07-07 10:13:53 0
MeasureIt jest w tym zestawieniu zbędne. Web Developer ma wbudowane własne narzędzie pomiaru i to o wiele lepsze. A Firebug to oczywiście numer 1!
None
#14 piotr 2008-07-07 10:13:53 0
Trochę się pokrywa funkcjonalność tych wtyczek. Np. Web Developer Toolbar ma funkję edycji CSS i validatora, więc Total Vlidator i Edit CSS są zbędne. Ale dzięki za FireBug, tego nie znałem.
None
#15 www 2008-07-07 10:13:53 0
Z FireFTP nie skorzystam - dziękuję. Kiedyś przez niego wywaliłem cały serwis w powietrze. Jakiś bug spowodował, że wyszedł o poziom wyżej i wyczyścił całą zawartość public_html. Dobrze, że miałem buckup. Polecam dedykowane narzędzia do FTP a nie takie wtyczki.
None
#16 Master Pain 2008-07-07 10:13:53 0
@piotr:

Total Validator jest lepszy od Toolbara.

Natomiast dziwi mnie brak informacji, iż editcss jest kompatybilny tylko do wersji 1.5.0.

Pozdrawiam!
None
#17 tarranth 2008-07-07 10:13:53 0
@www:kilka lat temu moja druga połówka nagrywała zdjęcia na serwer za pomocą "normalnego" (w Twoim mniemaniu) programu FTP, efekt? Program ten nie pozwalał na jakąkolwiek zmianę w plikach lokalnych... ciach Windows 98 wyfrunął z dysku. Jak widzisz Twoje uprzedzenie jest zrozumiałe ale nie jest żadnym dowodem na wyższość "normalnego" softu nad wtyczką do FFa. Ja FireFTP używam z powodzeniem od ponad roku.
None
#18 s0ak 2008-07-07 10:13:53 0
dokladnie, FireBug rules, nie wiem jak bez tego da sie cokolwiek zrobic.
None
#19 marcin 2008-07-07 10:13:53 0
Firebug na drugiej stronie, a juz myślałęm, że w ogóle nie będzie... :-) Zdecydowanie powinien być na pierwszym miejscu, dołączam sie do powyższej opinii na temat firebuga.
None
#20 marcel.pajda 2008-07-07 10:13:53 0
No i po co tyle rozszerzeń? Prawie wszystkie funkcje innych rozszerzeń ma przecież FireBug
None
#21 Daniel 2008-07-07 10:13:53 0
Ja bym dodał jeszcze HTML Validator'a (http://users.skynet.be/mgueury/mozilla/) - integruje się z okienkiem podglądu kodu strony i pozwala na jego walidację bez konieczności odwiedzania zewnętrznych stron. Do tego obsługuje dwa typy walidacji - taki jak w walidatorze W3C i HTML Tidy.
None
#22 r. 2008-07-07 10:13:53 0
Dla wszystkich zainsteresowanych zautomatyzowaniem testow swoich serwisow, polecam Selenium IDE http://selenium-ide.openqa.org/
None
#23 macem 2008-07-07 10:13:53 0
polecam również YSlow dodatkowo do FireBug'a, przydatne narzędzie :).
None
#24 JAcek 2008-07-07 10:13:53 0
w pkt. 7 zdecydowanie bardziej polecam http://users.skynet.be/mgueury/mozilla/ posiadający algorytm używany przez validator.w3.org Inne walidatory często pokazują, że nasze www jest OK, a tak nie jest.
None
#25 emceh 2009-04-26 18:06:50 0
Opera do przeglądania serwisów rss i w ogóle luźnego browsowania

Firefox do pracy.

Jak dla mnie idealne połaczenie.
IP: 213.134.186.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.0.8) Gecko/2009032609 Firefox/3.0.8
#26 SShell 2009-08-21 13:25:41 0
Ja osobiscie polecam jeszcze live http headers.

Z tego co widze nikt nie odpowie na pytanie iss'a Hexagonalny to szesnastkowy a nie szostkowy zapis czyli przy uzyciu cyfr 0-9 i liter A-F. Wszystko tak samo jak przy rgb tylko liczby trzeba zamienic na szesnastkowe.
IP: 83.4.221.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.1.2) Gecko/20090729 Firefox/3.5.2 (.NET CLR 3.5.30729)

Aby dodać komentarz, musisz podać swój nick, treść komentarza oraz poprawnie przepisać oba słowa z obrazka (słowa muszą być rozdzielone spacją).
W treści komentarza można używać języka formatowania BBcode.