Prawie jak firebug w Operze

Dodano 16 LUT 2008 roku o godzinie 23:34:38

Dziw nastał. Wielu twierdzi, że Firefox trzymał webdeveloperów dzięki wtyczkom takim jak "Firebug". Dzisiaj znajomy podrzucił mi ciekawego linka do części developerskiej Opery. (PS, żeby było zabawniej to jest wiadomość z 2006 roku, dziwne, że wcześniej o tym nie słyszałem)

Mamy do czynienia z czymś na wzór skryptozakładki, która pozwala na przeglądanie drzewa DOM, wraz z jego modyfikacją i możliwością podejrzenia zmian. Chwilkę się pobawiłem tą zabawką i muszę przyznać, że mamy coś podobnego do Firebug'a. Ten dodatek, choć bardzo fajny (pozwala dodatkowo modyfikować Cookies + nagłówki HTTP), ma pewne dziwne i mało wygodne rozwiązania.

Podobnie jak Firebug ta skryptozakładka (hmm chyba bez nazwy?) potrafi podświetlać dowolny element, ale najpierw trzeba go znaleźć w drzewie DOM. Biorąc pod uwagę, że nie wie się za bardzo gdzie to może być to ten bajer troszkę jest zbędny. Tym bardziej, że element jest podświetlony na 3-4 sek, po czym wszystko wraca do normy.

Problemem też może być edycja tekstu w bloku. Jeśli znajdują się w nim elementy takie jak "<br/>" to musimy za każdym razem wybierać etykietę "text" nad tym <br/>, a później z osobna edytować kolejną etykietkę "text", która już jest pod <br/>. Szkoda, że nie można po prostu zmodyfikować kodu HTML, tak jak w Firebug.

Z ciekawszych rzeczy mamy oczywiście inspektora DOM, oraz możliwość podglądu (edycji?) kodu JS - tego akurat nie sprawdzałem.

Podsumowując bajer fajny, pewnie o wiele szybszy, lecz niestety jeszcze nie dorównujący wtyczce Firebug.
Niżej zamieszczam przykładowego screena + button, które możecie w swojej Operze dodać.

Drag Developer Console

Free Image Hosting at www.ImageShack.us

Komentarze

#1

To ja poproszę jeszcze synchronizację zakładek/haseł/ustawień (używam Google Browser Sync) między kompami w Operze i wtedy przesiadam się z Firefoksa na Operę

radzio | #

#2

radziu, Opera Link czy jakoś tak w 9.5. Poczekaj ;) .

Livio | #

#3

Nie trzeba odszukiwać elementu w drzewie DOM — po załadowaniu „Developer Tools” (bo tak się ta zakładka zwie, i można ją wywoływać również z Tools->Advanced) wystarczy kliknąć na ten element (JS zablokuje standardową akcję).

radzio: Jak Linuksową, to bierz build 1772 (w nowszych zepsuli wtyczki). Jak Windows, to możesz brać dowolny.

Michał Górny | #

Disclaimer

Jakkolwiek jestem właścicielem tego bloga, nie ponoszę odpowiedzialności za kometarze napisane przez innych obywateli tego wolnego kraju.

Zastrzegam sobie prawo do kasowania/modyfikowania komentarzy (jeśli uznam to za stosowne).

Dodaj komentarz

Tylko zalogowani użytkownicy mogą komentować.