Отладка кода в браузере Антон Шувалов, Lazada, Москва
•
0 j'aime•331 vues
Выступление на DUMP-2016.
Recommandé
Recommandé
Contenu connexe
Tendances
Tendances (7)
Similaire à Отладка кода в браузере Антон Шувалов, Lazada, Москва
Similaire à Отладка кода в браузере Антон Шувалов, Lazada, Москва (20)
Plus de it-people
Plus de it-people (20)
Отладка кода в браузере Антон Шувалов, Lazada, Москва
- 1. Отладка кода в браузере Антон Шувалов FrontTalks 2016
- 2. Отладка кода в браузере 2 • Зачем нужен console.log и почему он не подходит для отладки? • Как отладчик поможет вам?
- 3. С чего всё началось? 3
- 4. 4
- 5. 5
- 6. 6
- 7. 7
- 8. 8
- 9. 9
- 10. Что не так с console.log() 10 • Не точно — с первого раза не попасть • Не подробно — одно предположение за раз • Медленно — сборка, перезагрузка страницы…
- 11. console.log — не отладчик 11
- 12. но… 12
- 14. Console
- 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
- 33. 33
- 34. 34
- 35. 35
- 36. 36 Ссылка на доки, мануал, chrome dev tools code school
- 39. 39 Доступ к стеку вызовов!
- 40. 40 Отлично работающий REPL! Что такое REPL?
- 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. Карты кода 63
- 64. 64
- 65. 65
- 66. 66
- 67. Карты Кода 67 • browserify --debug • gulp-sourcemaps • webpack { devtool: 'inline-source-map' } • … • profit!
- 68. 68
- 69. 69 _this
- 70. 70 __this
- 72. Не работают в REPL 72
- 73. Blackboxing 73
- 74. 74 Продать дебаг
- 75. 75
- 76. 76
- 77. 77
- 78. 78
- 79. 79
- 80. 80
- 81. 81 Отладчик не заходит внутрь черного ящика
- 82. 82 Идеально подходит к оберткам над логгерами
- 85. Console — для логов 85
- 86. DevTools — для отладки 86