2022-05-22 06:00:01
Подборка инструменты отладки 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.
1.0K views03:00