středa 21. října 2015

Chrome developer tools

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