Nem tudom ki mennyire ismeri a Chrome fejlesztői eszközeit, de mindenkinek csak ajánlani tudom.

Nem tudom ki mennyire ismeri a Chrome fejlesztői eszközeit, de mindenkinek csak ajánlani tudom. Lefigyelhetjük vele a hálózati forgalmat (ajax alkalmazásoknál hasznos), megnézegethetjük vele az aktuálisan megjelenő (tehát adott esetben JavaScript által módosított) HTML forrást, láthatjuk, hogy melyik elem milyen css-ből milyen tulajdonságokat örököl, és mind ezeket, mind magát a HTML kódot módosíthatjuk. De ez így még mind hagyján. Beépítve kapunk egy fullos JavaScript debuggert brakepointokkal, watch-al, és sourcemaps-el. De ami még ennél is jobb, és nemrég nagyon jól jött, hogy brakepointokat rakhatunk ajax hívásokra (vagy mindenre, vagy URL-re szűrve), illetve HTML elemekre is. Aki próbált már rájönni arra, hogy egy HTML elemet milyen JavaScript módosítgat, az tudja mire gondolok. Nekem konkrétan egy olyan problémám volt, hogy egy formot eltüntetett valami JS, mikor postoltunk. Namost egy ilyet nem tudom más eszközzel hogy lehet elkapni. Itt egyszerűen rak egy brakepointot az ember az adott HTML elemre, és mikor az módosul, látjuk a hívási láncot, ahol szépen látszik, hogy melyik JS melyik sorából jött a hívás. Aki komolyabb kliens oldali JavaScripteken töri a fejét, annak "must have" ...