Co najmniej raz wybuchła na Antyweb dysputa – Firebug vs. Chrome Developers Tools. Moje dotychczasowe doświadczenia, skłaniały mnie do wyboru CDT i okazjonalnego korzystania z Firebuga. Dziś znalazłem prezentację z Google I/O, która wyjaśnia kilka tricków, który czynią CDT tak użytecznym narzędziem. Zapraszam.

 

O ile większość prezentowanych możliwości jest mi już znana, albo osobiście nie odczuwam potrzeby np. zdalnego korzystania z inspektora, o tyle nie wiedziałem o systemie śledzenia zmian np. w CSS z możliwością zapisu na dysk, co drastycznie ułatwia przenoszenie eksperymentów na CSS „żywej” strony do właściwego pliku.

Rozumiem, że wciąż Firefox i IE są najważniejszymi przeglądarkami dla web developera, ale tempo w którym rozwijają się CDT, powoduje, że chyba warto rozważyć danie szansy CDT, jako soldnej alternatywie dla Firebuga.

Poniżej kilka przydatnych tricków, przygotowanych przez Borisa Smus.

Spodobał Ci się tekst? Poleć znajomym:

iStore

iStore

  • Paweł

    Mi najbardziej w chrome brakuje „Pokaż źródło zaznaczeni…”.
    Może jest jakiś dodatek albo coś…
    Ta opcja w FF jedyna dla którego uruchamiam tą przeglądarkę.

    • http://dev.sirkruk.com sirkruk

      Za to opcja zbadaj element doskonale to zastępuje. Poza tym źródło zaznaczenia jest moim zdaniem trochę bez sensu, kiedy sprawdzamy element stworzony za pomocą javascript.

  • http://tomaszslazok.pl Nexik

    „zdalne korzystanie z inspektora” to jest raj dla developera (do testowania stron pod andkiem.)

    Od nowej wersji Firebug już mi nie jest potrzebny ;p Pozatym CDT działa 100% szybciej :)

    • Arni

      100% szybciej? Czyli z tą samą prędkością?

  • kjhank

    Polecam Opera Dragonfly, najwygodniej mi się z niego korzysta. No i remote debugging rządzi. Zupełnie odstawiłem wszelkie Firebugi i CDT, od wersji 1.0 Dragonfly.

    • http://www.facebook.com/adam.dziendziel Adam Dziendziel

      Może za szybko odpuściłem, ale czy można w DragonFly edytować CSS w prawej kolumnie ? :O Bez tej opcji to narzędzie dla mnie nie istnieje ;)

      A co do głównego tematu, to z bólem – jako fan Chrome – przyznaję, że Firebug jest wygodniejszy w użyciu. Poza tym jeśli mam akurat tylko jeden monitor do dyspozycji to używając Firebuga jakoś więcej przestrzeni mam na podgląd strony.

    • http://secondgate.pl zx

      Można, a ostatnio wyszła nowa wersja z kilkoma fajnymi bajerami.

    • kjhank
  • http://www.facebook.com/tomek.sulkowski Tomek Sułkowski

    Od laaat używam firebuga i szczerze mówiąc – przekonało mnie to ;)
    /Na tyle, że mam nadzieję przezwyciężyć nieco mniej wygodny interfejs. /

  • pit

    Czy CDT można jakoś ustawić by wprowadzał zmiany na bieżąco bez wciskania entera – tak jak to jest w firebugu?

  • http://www.facebook.com/profile.php?id=1309951387 Marcin Lenkowski

    Jeszcze jakby tak zrobili inspectora dla iPada. Siedzisz i patrzysz na zmiany na Twojej stronie jakie z łatwością wprowadzasz na wygodnym, zewnętrznym urządzeniu ;)

  • Seba

    Mnie brakuje identycznej konsoli jak w Firebug’u. Chodzi głównie o requesty AJAX’owe.

    • http://tomaszslazok.pl Nexik

      Zakładka Networks

      i na zaznacz XHR

      IMHO jest to zdecydowanie lepsze niż w Firebugu