Menu developera dla Opery

Jakiś czas temu na blogu opera dragonfly pojawił się bardzo przydatny plugin “Debug Menu”. Dodatek ten tworzy nowe menu w Operze ułatwiające prace wszystkim piszącym kod (x)html.

Możliwości menu są spore:
- User Agent – umożliwia szybki wybór sposobu przedstawiania się przeglądarki, możemy podszyć się pod IE bądź Firefoxa
- Validate – wszelakie validatory dostępne dosłownie 2 kliknięciami myszy
- Layout – ta sekcja tworzy siłę tego dodatku, napisze o niej jeszcze za chwilę
- Check – WHOIS, poprawność linków itp.
- Disable – szybkie wyłączania pewnych elementów strony takich jak: obrazki, java script, cookies, pluginy itp.
- Reload – możemy przeładować obrazki, wczytać je z pamięci podręcznej bądź też ustawić automatyczne odświeżanie
- Specifications – link do dokumentacji html, css itp.

Podczas pisania kodu (x)html zawsze dużo czasu zajmuje szukanie “co jest gdzie” w kodzie (szczególnie przy edytowaniu) oraz dlaczego div x jest “rozjechany”, bądź gdzie zapomnieliśmy atrybutu alt w tagu img. Tutaj z pomocą przychodzi zakładka layout!

Jednym kliknięciem możemy włączyć pokazywanie obramowania elementów strony, teraz będziemy dokładnie widzieć co powoduje “rozjechanie” diva. Pod ręką mamy także wyświetlanie etykiet z nazwami klas i podgląd struktury elementów blokowych oraz liniowych. Możemy szybko wyświetlić obrazki, które nie mają atrybutu alt czy błyskawicznie sprawdzić jak nasza strona będzie się prezentowała w trybach wysokiego kontrastu. To tylko część możliwości tego dodatku.

Zapraszam do testowania i zamieszczam kilka screenów (skróciłem je trochę żeby lepiej się oglądało). Całość, jak już wspominałem, można pobrać z bloga opera dragonfly.