Tesztelés, JavaScript-hibakeresés
FireBug
A JavaScript kódok hibakeresése mindig nehézkes volt. Hosszú ideig nem nyújtottak támogatást a böngészők a JavaScript-fejlesztőknek. Az eszközök hiányában a legtöbb fejlesztő az alert() függvénnyt használja, hogy kiírassa bizonyos változók pillanatnyi értékét.
A FireBug egy Firefox bővítmény webes alkalmazások hibakereséséhez. Itt egy rövid lista arról, hogy mi mindent kínál a FireBug:
- JavaScript konzol – alap parancssoros felület JavaScript-parancsok közvetlen beírását teszi lehetővé
- JavaScript hibakereső – az oldalhoz tartozó összes JavaScript kód forrást megtekinthetjük, továbbá az egyes soraihoz töréspontokat (akár feltételes töréspontokat is) rendelhetünk.
- A kód futtatásakor fellépő hibák naplózása
- XHR-hívások naplózása
- Az oldal HTML-jének élő szerkesztése - szabadon szerkeszthetjük az oldal HTML forrását
- DOM-figyelő – a window hatókör összes objektumának listáját jeleníti meg
- CSS-megjelenítő és szerkesztő
- A böngésző hálózati kommunikációjának naplózása - egy idősíkon ábrázolja, hogy a konkrét oldalelemek letöltése mikor kezdődik, és mennyi ideig tart
Kapcsolódó linkek
Fejlesszünk a lehető legtöbb böngészőre
Sajnos a különböző böngészők HTML oldal megjelenítésében és JavaScript értelmezőjében apró eltérések lehetnek, ezért tanácsos munkánkat a lehető legtöbb böngésző típusban letesztelni. Az Apple Safari böngészőjének még nem érhető el a stabil Windowsos változata. Addig is akiknek nincsen Mac számítógépük, ajánlom, hogy legalább ellenőrizzék le hogyan jelenítené meg az oldalat az Apple Safari böngészője. A lent felsorolt ingyenes online szolgáltatások képernyőfotókat készítenek Windows, Linux és MacOS rendszereken különböző böngészők eltérő verzióinak használatával.
Kapcsolódó linkek
- Browsershots - Test your web design in different browsers
- BrowsrCamp
- IE NetRenderer - Browser Compatibility Check
- iCapture - Safari Screenshot Service
- Methods for Testing in Multiple Versions of IE
Törekedjünk a webes szabványok betartására
A W3C (World Wide Web Consortium) és más szervezetek is készítenek olyan bárki számára szabadon hozzáférhető programokat, online szolgáltatásokat, amelyek ellenőrzik a dokumentum helyességét az abban deklarált dokumentumtípusnak (DOCTYPE) megfelelően. Nemcsak a szabványosság miatt fontos, hogy oldalainkat leellenőrizzük. Felesleges problémáktól óvhatjuk meg magunkat, ha oldalunk HTML-kódját ellenőriztetjük mielőtt nekikezdenénk az oldalhoz tartozó JavaScript-kód írásának.