Chrome DevTools asi zná každý vývojář, který se alespoň na chvíli podílel na nějakém webovém projektu. Je to velmi mocný nástroj pro řešení problémů se stránkami v prohlížečích a pokud se jako já nevěnejete čistě jen vývoji javaskriptů či ladění css, asi neznáte všechny jeho možnosti. Alespoň já tedy ne a uvědomil jsem si to při pravidelném prohlížení posledních odkazů na články ze světa IT na adrese: https://news.ycombinator.com/
Zde jsem včera nalezl i odkaz na zajímavý článek Chrome Devtools Tips & Tricks, kde autor popisuje nějaké zajímavé funkce tohoto nástroje. Ještě zajímavější je ale diskuze, která obsahuje odkazy na pěknou sérii tipů pro efektivní použití tohoto nástroje:
Basic
- úprava elementů a CSS včetně :hover, :after
- základy debuggování Javaskriptů včetně kontroly kódu pro události onclick atd.
- seznamy stažených prvků pro zobrazení stránky a obsah požadavků, hledání
Střední
- emulace zařízení, rozlišení, polohy, rychlosti připojení
- zpřístupnění minifikováného js a css kódu
- web socket monitoring
Pokročilé
- audit zdrojů, výkonu, leaků
- zachycení asynchronních událostí
Samozřejmě se lze nejvíce naučit přímo na stránkách věnovaných ChromeDevTools.
Žádné komentáře:
Okomentovat