Подборка инструменты отладки JavaScript
👉 Инструменты для веб-разработчика в браузерах: Chrome developer tools, Firefox developer tool, Safari Develop Menu, Edge Developer Tools. Стандартно, понятно, базово, пользуемся, тем что удобнее.
👉 ng-inspector — Кросс-браузерное расширение для отладки приложений на AngularJS, поставляется с обновлениями в реальном времени, подсветкой DOM, прямым доступом к областям, моделям и прочим элементам приложения.
👉 Augury — расширение для Google Chrome и отладки приложений на Angular 2. Позволяет напрямую анализировать структуру приложения и рабочие характеристики, а также обнаружить изменения.
👉 debugger — Инструмент отладки для Chrome и Firefox от команды разработчиков Firefox. Позволяет переключаться между браузерами чтобы убедиться, что ваше приложение работает правильно. Легко настраивается.
👉 ESLint — Линтер для JavaScript. анализирует код по мере его написания и выявляет синтаксические ошибки. Доступен как пакет Node, также как плагин для Sublime Text 3 и VS Code.
👉 JS Bin — Позволяет тестировать и отлаживать код в команде, увидеть все изменения в реальном времени и добавлять библиотеки.
👉 JSON Formatter and Validator — Позволяет быстро сканировать сжатый объект JSON и выявить ошибки или ключи с неверными значениями.
👉 SessionStack — Набор инструментов для мониторинга. Они собирают данные на стороне клиента и помогают точно выяснить, что пользователи делают на веб-сайте. Предоставляет воспроизведение видео, чтобы помочь разработчикам воспроизвести пользовательские проблемы и ошибки.
👉 Raygun Error Monitoring — Помогает найти и оценить влияние ошибок JavaScript и выявить проблемы с производительностью. Легко и быстро настраивается.
👉 Postman — Предназначен для проверки запросов с клиента на сервер и получения ответа от бэкенда.
👉 Node Debug library — библиотека для реализации Node Inspector.
👉 Webpack — Предоставляет статистические данные. Webpack Analyze Web App, позволяет визуализировать статистику, генерируемую из Webpack.