Menu developera dla Opery

Napisane: 16.06.2008 | Działy: Ogólnie | No Comments

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.

No Comments »
Skomentuj

* pole wymagane

*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Click to hear an audio file of the anti-spam word