Firebug 1.9 został wydany. Na własnej skórze odczujecie wiele ulepszeń

W ostatni piątek wydana została nowa wersja Firebuga. Jeśli rozszerzenie zostało już u Was zaktualizowane, to zapewne zaobserwowaliście już kilka zmian – w tym zmianę nazwy polecenia analizy w menu kontekstowym na „Inspect Element with Firebug”.

Ta wersja zawiera na tyle ciekawe nowości, że warto przyjrzeć się im bliżej. Firebug 1.9 jest wciąż jednym z najlepszych (jeśli nie najlepszym) debugerów kodu HTML, JS i CSS, jakie istnieją.

Okno Firebuga może być teraz dokowane do lewej, prawej i do góry:

Można kopiować dowolne gałęzie odpowiedzi JSON do schowka (jako JSON), co jest przydatne jeśli pracujesz dużo z tym zyskującym na popularności formatem przekazywania danych w Sieci:

Debugowanie JavaScriptu będzie teraz prostsze, dzięki wyświetlaniu dokładnej pozycji błędu w linii, w której wystąpił:

Oprócz HTTP używane są coraz to ciekawsze inne protokoły, dlatego w zakładce Net pojawi się kolumna „Protocol”. Przydatna jest ona także wówczas, gdy tworzy się stronę w HTTPS i próbuje odnaleźć zapytanie, które jest przesyłane przez HTTP i powoduje komunikaty ostrzeżeń w przeglądarkach:

Łatwiej będzie teraz usuwać wybrane elementy ze strony. Po wybraniu inspekcji elementu wystarczy nacisnąć klawisz Delete, aby skasować wskazany obiekt.

Debugowanie funkcji anonimowych jest trudne ponieważ... są anonimowe. Teraz jednak jeśli zdefiniujemy właściwość displayName funkcji anonimowej, to Firebug użyje jej do wyświetlania funkcji we wszystkich swoich inspektorach:

Znajdowanie błędów w zagnieżdżonych obiektach łatwiejsze będzie dzięki opcji „add watch” w inspektorze DOM:

Sprawdzimy też łatwo, jakie nagłówki zwraca pamięć podręczna przeglądarki:

Szczególnie ciekawie zapowiadają się funkcje wszelkich podpowiedzi, np. fontu (WOFF). W inspektorze CSS po najechaniu na styl czcionki zobaczymy jej podgląd:

A najeżdżając kursorem na obiekt tablicy podczas debugowania uruchomionego kodu JS zobaczymy jego wartość:

Na liście nowości znajdziemy też:

ponowne wysyłanie wybranego zapytania wykonanego przez stronę,
wyświetlanie linku do pliku, którego dotyczy komunikat w konsoli,
autouzupełnianie dla nawiasu kwadratowego,
wyświetlanie treści przerwania warunkowego po najechaniu kursorem na ikonę przerwania,

Więcej informacji o nowościach znajdziecie na stronie getfirebug.com/wiki/index.php/Firebug_Release_Notes#Firebug_1.9.

Jeśli nie macie zaś jeszcze Firebuga, to pobrać go można ze strony getfirebug.com.

źródło: hacks.mozilla.org

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

publikuj:

wydrukuj

8 skomentuj »

Komentarze

#1 Kimi^® 2012-01-09 11:14:19 2
Dla mnie, ze względu na wykonywany zawód, od jakiegoś czasu to nie Firebug jest dodatkiem do Firefoxa, ale Firefox dodatkiem do Firebuga :)
IP: 80.239.242.[...] Opera/9.80 (X11; Linux x86_64; U; pl) Presto/2.10.229 Version/11.60
#2 sLn 2012-01-09 11:36:48 0
@Kimi hehe, u mnie również :)
IP: 95.160.210.[...] Opera/9.80 (Windows NT 6.1; U; pl) Presto/2.10.229 Version/11.60
#3 ToJa 2012-01-09 12:50:00 0
No, ciekawe kiedy doczekamy się kolorowania składni, zarówno w przeglądarce skryptów jak i w konsoli (w tej ostatniej również autouzupełniania obecnego choćby w Chrome). Przydałaby się też lista funkcji, obiektów i zmiennych w danym pliku znana z każdego lepszego IDE.

Pomijając fakt że przerzuciłem się na Chrome ponieważ na Linuksie Firefox 9 crashuje mi się z firebugiem po osiągnięciu breakpointa (czasem również z innych, nieznanych mi przyczyn) i nic nie zapowiada tego że ktokolwiek coś z tym zrobi.

Jest to najlepsze środowisko przeglądarkowe dla webdevelopera co nie zmienia faktu że ma sporo irytujących niedociągnięć.
IP: 89.68.147.[...] Mozilla/5.0 (X11; Linux i686) AppleWebKit/535.7 (KHTML, like Gecko) Chrome/16.0.912.63 Safari/535.7
#4 Marr 2012-01-09 15:56:08 0
"Debugowanie JavaScriptu będzie teraz prostsze, dzięki wyświetlaniu dokładnej pozycji błędu w linii, w której wystąpił"

Genialne! W końcu coś co umożliwi zdebugowanie jakiegoś zminimalizowanego kodu ;)
IP: 82.139.156.[...] Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/535.7 (KHTML, like Gecko) Chrome/16.0.912.75 Safari/535.7
#5 tomaszs^® 2012-01-09 18:01:47 0
@Marr

------------------------------------------------------------------------------------------------ (cd.)

:)
IP: 89.69.28.[...] Mozilla/5.0 (Windows NT 6.1; rv:9.0.1) Gecko/20100101 Firefox/9.0.1
#6 Ignacio 2012-01-10 10:52:20 0
@ToJa

to samo mam , w 10 myślałem że nie będzie się zawieszać, do tego dodam że czasami debuger kłamie zwłaszcza jeśli chodzi o pokazywanie wartości zmiennych w arrayach i wchodzenie do warunków, miałem pare dziwnych przypadków ze podczas stawiania breakpointa program zachowywał się inaczej.
IP: 87.250.180.[...] Mozilla/5.0 (Windows NT 6.1; rv:10.0) Gecko/20100101 Firefox/10.0
#7 ArturM 2012-01-10 12:14:13 0
To jedyny debugger bez kolorowania składni i jedyna przeglądarka bez wbudowanego debuggera. Dlaczego zrezygnowali z Venkmana?
IP: 83.24.113.[...] Mozilla/5.0 (Windows NT 5.1; rv:8.0.1) Gecko/20100101 Firefox/8.0.1
#8 pwl 2012-02-06 14:58:38 0
kolorowanie skladni w załadce Skrypty można osiągnąć dzięki dodatkowi FireRainbow, niestety w konsoli nie koloruje :/
IP: 195.95.144.[...] Mozilla/5.0 (Windows NT 5.1; rv:9.0.1) Gecko/20100101 Firefox/9.0.1

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.