By Sergey Puzankov

1. DEVTOOLS TIPS & TRICKS
SERGEY PUZANKOV

2. DEBUG PROCESS

3. SOMETIMES

4. CONSOLE LIKE A PRO

5. console.log('%c Text', 'font-size: 20px;')

6. console.warn('Some warning')

7. console.error('Show error')

8. How to show DOM elem

9. console.dir(titleDomNode)

10. console.table(object)

11. console.group(name)

12. console.group(name)

13. console.assert(1 === 2, 'Wrong!')

14. console.count('name')

15. console.time('Timer')

16. console.trace()

17. COOL!

18. DEBUGING IS EASY

19. Breakpoint

20. debuger;

21. AWESOME DEVTOOLS

22. Get last selected elems with $0—$4

23. $(selector) = document.querySelector(selector)
$$(selector) = document.querySelectorAll(selector)

24. Copy text to buffer
copy('text')

25. getEventListeners(elem)
Show Listners

26. Spy you functions
monitor(func)

27. Events Monitoring
monitorEvents(elem, event)

28. LAST FOR TODAY

29. TRY TO CATCH

30. Break on change

31. THANKS!
sergey.puzankov@myheritage.com
@puzankovcom