firebug w firefox nieco oszukuje
February 10th, 2010
Jedno z podsawowych narzędzi web developera, Firebug jako wtyczka do Firefoxa albo wbudowany inspektor z Safari. Jeżeli zrobimy mały błąd w składniowy w HTML’u dostaniemy kilka różnych wyników w zależności od przeglądarki. Przykład
<div> <h1>head text</h1> <h2>title</h1> </div>
Firefox:

w Firebugu zobaczymy coś innego, niepoprawnie zamknięty tag h2 został tutaj pokazany jako zamknięty poprawnie:

w źródle strony zobaczymy zobaczymy prawdziwy niepoprawiony kod:

Firebug zczyta to co poprawił Firefox, więc tagi są poprawne pomimo iż rzeczywistość jest inna.
Categories: informacje ogólne
Dlatego właśnie prócz Firebuga polecam Wave Toolbar – nie dość, że sprawdza poprawność kodu to pilnuje, żeby strona była dostępna dla wszystkich – osób niewidomych, użytkowników przeglądarek mobilnych itp. Z resztą najlepiej sprawdzać strony przeglądarką Amaya – jak tam jest ona poprawnie wyświetlana to znaczy, że napisaliśmy kod bardzo dobrze.
Wave Toolbar wydaje mi się trochę ubogi w porównaniu np z Web Deweloper (https://addons.mozilla.org/pl/firefox/addon/60)