Отладка кода в браузере / Антон Шувалов (Rambler&Co)
•
0 gostou•700 visualizações
Чем плох console.log, и как сэкономить время на отладке в Dev Tools? - Точки останова. - Просмотр состояния стеков. - Работа с repl в контексте активного стека. - Как удобно следить за состояниями переменных и выражений с помощью watch expressions. - Как поставить точку останова на события, мутации DOM, XHR, на обращения к полям объектов и на неперехваченные исключения? - Pretty print и source maps. - Немного о логах и debug.js.
Recomendados
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Semelhante a Отладка кода в браузере / Антон Шувалов (Rambler&Co)
Semelhante a Отладка кода в браузере / Антон Шувалов (Rambler&Co) (20)
Mais de Ontico
Mais de Ontico (20)
Отладка кода в браузере / Антон Шувалов (Rambler&Co)
- 1. Отладка кода в браузере Шувалов Антон FrontendConf 2015
- 2. Отладка кода в браузере 2 • Зачем нужен console.log и почему он не подходит для отладки? • Как отладчик поможет вам?
- 3. Console
- 4. С чего всё началось? 4
- 6. 6
- 7. 7
- 8. 8
- 9. 9
- 10. 10
- 11. Что не так с console.log() 11 • Не точно • Не подробно • Медленно
- 12. console.log — не отладчик 12
- 13. но… 13
- 15. console 15
- 16. console.group 16
- 17. console.dir 17
- 19. console.time 19
- 22. Возможности сonsole 22 • Сообщения, ошибки предупреждения • log(), info(), warn(), error(), assert(), group(), dir() • Профилирование • time(), profile()
- 23. Отладчик 23
- 25. 25
- 26. 26
- 27. 27
- 28. 28
- 29. 29
- 30. 30
- 31. 31
- 32. 32
- 33. 33
- 34. 34
- 35. 35
- 36. 36
- 39. 39 Доступ к стеку вызовов!
- 42. 42
- 43. Что ещё интересного в DevTools? 43
- 45. 45
- 46. 46
- 47. 47
- 48. 48
- 49. 49
- 50. 50
- 51. 51
- 53. 53
- 54. 54
- 55. 55
- 56. 56
- 58. 58
- 59. 59
- 60. 60
- 61. 61
- 62. 62
- 63. Console — для логов 63
- 64. DevTools — для отладки 64