Boa Tarde!

Como é, pessoal?

Chrome DevToolsFTW!

Prashant Palikhe

prashantpalikhe

@prashantpalikhe

#694877

Prashant Palikhe

prashantpalikhe

@prashantpalikhe

#694877

(236 * 22 * 12) / 1440 =

 ~ 43 days

LETS BUILD AN APP!!!

FRIENDS.explorer

Vamos a isto!

PRO TIPS

  1. console.time/timeEnd
  2. console.warn/info/error
  3. console.group
  4. console.table
  5. clear
  6. inspect
  7. debug
  8. undebug
  9. monitorEvents
  10. unmonitorEvents
  11. SNIPPETS!!

Twitter

Umar Hansa

Addy Osmani

Paul Irish

@umaar

@addyosmani

@paul_irish

Chrome Docs

Github

OBRIGADO

Chrome DevTools

By ajrkemp

Chrome DevTools

Chrome DevTools come with lots of features that allow developers to debug problems faster, stay productive and profile their apps for bottlenecks. I want to share my workflow on Chrome DevTools along with some handy tips and tricks. Some of the features that I will talk about are: - Profiling load-time performance using network waterfall view - Profiling runtime performance using timeline view - Auditing web app for memory leaks - Emulating networks and devices capabilities - Staying productive with shortcuts - Debugging in the devtool

  • 805