Рубрики
Без рубрики

5 инструментов, которые могут помочь вам управлять отчетами об ошибках JavaScript

Обзор инструментов отчетности об ошибках JavaScript, которые могут помочь вам диагностировать ошибки на стороне клиента.

Автор оригинала: Jack Histon.

Вступление

Отчеты об ошибках очень полезны при диагностике ошибок браузера на стороне клиента. Если на браузере клиента происходит ошибка, то отчеты об ошибках могут помочь нам понять, что произошло и как это исправить.

Эта статья покажет вам, что доступно, когда дело доходит до того, чтобы помочь вам управлять отчетами об ошибках JavaScript. Показанные инструменты дадут вам наклон насколько легко настроить в вашем коде, и эта статья покажет вам основные преимущества, которые вы получаете от каждого инструмента.

Сантиметр

Инструмент, который, безусловно, один из самых используемых Sentry Отказ Sentry – это система отслеживания ошибок, которая является открытым исходным кодом, и поставляется со всеми компонентами, необходимыми для начала ошибок отчетности из коробки. Они используют Raven.js, который является официальным клиентом JavaScript для Sentry, который может быть включен в ваше приложение, используя их CDN.

Основным преимуществом Sentry является его простота использования. Вы можете использовать классические стили Try-Catch при использовании клиента Raven, и он позволяет легко подключить это к имени источника данных (DSN), которые они предоставляют. Основным недостатком является вы должны заплатить за такую отличную систему. Если работать в небольшой команде, то это будет стоить вам $ 29/месяц в то время, когда эта статья была написана.

Щаснаг

Bugsnag Похоже на Sentry, фокусируясь на приложениях мониторинга ошибок, веб, мобильных и серверов. Bugsnag позволяет легко настроить предоставление собственной ссылки CDN, чтобы запустить Bugsnag на браузере на стороне клиента. Вы также можете установить его через ваш любимый менеджер пакетов, таких как NPM или пряжа.

Одним из аккуратных особенностей Bugsnag – это идея паноремов. Подобно информационным журналам, панорумы могут написаны в вашем коде, чтобы записать информацию, которая может привести к брошению ошибки. Эти сукивы будут затем войти в систему вместе с брошенной ошибкой, чтобы дать вам увеличенную контекстную информацию.

Опять же, единственный недостаток в Bugsnag – вы должны заплатить за это. Эта платформа приходит по цене в размере 29 долларов США в месяц, на момент написания.

Лучевая пушка

Райгун Направляются на рынок, который обеспокоен визуальными аспектами отчетности об ошибке. Raygun рекламируется как инструмент рабочего процесса, который можно настроить для отслеживания ошибок и посмотреть, будут ли они решаться новыми выпусками. При более грязных интеграции шаги в ваш код JavaScript по сравнению с Sentry или Bugsnag, он позволяет хорошо интегрировать в ваш код клиента и отчет о найденном вопросах. Также кажется много конфигурации, что Raygun может дать вам, если вы не довольны конвенциями, которые он обеспечивает.

Рагун, кажется, очень визуальный с отчетами о ошибках и отслеживание прогресса. В зависимости от того, как вы работаете, вы можете или не можете найти это полезным. Самым большим недостатком «Райгун» состоит в том, что он является огромным 199 долларов в месяц для использования даже на стартапе.

TrackJs.

Предыдущие показанные инструменты предназначены для многих доменов и языков программирования. TrackJs специфически предназначен для выпусков с сообщением об ошибках JavaScript клиента. Это преимущество само по себе, так как это инструмент, который имеет функцию, набор, набор с учетом JavaScript, и поэтому вы не будете платить за функции, которые вы никогда не используете. Как и предыдущие инструменты, это простая настройка, добавив несколько тегов скрипта к вашему HTML.

TrackJs Дает приборную панель, которая может показывать тренды в ошибках, и даже позволит вам Blackbox ошибку, воспроизводя ошибку локально, чтобы иметь возможность исправлять проблемы, которые являются дорогостоящими. Основная версия Trackjs составляет $ 29,99/месяц на момент написания. Это немного дороже, чем Sentry и Bugsnag, что интересно, учитывая только Trackjs только с JavaScript.

Usersnap.

Undersnap Занимает ошибку JavaScript в другом направлении. Он имеет упрощенный способ записи ошибок на стороне клиента, со своим основным фокусом в пользовательском взаимодействии и обратной связи. Если вам нравятся пользовательское интерактивное решение, пользователиNAP могут предоставлять виджеты обратной связи пользователей и разрешить различные интеграции для обеспечения своевременной обратной связи.

ПользователиNAP позволяет интегрировать со многими технологиями, такими как Jira, Asana, Slack, и более, что делает его инструментом, который хорошо работает с вашей командой отслеживания ошибок. Подобно другим инструментам, это будет стоить вам 29 долларов в месяц на момент написания одного проекта и одной команды.

Заключение

Все рассмотренные, я бы сказал, что Багснаг имеет край. При инвестировании в инструмент отчетности об ошибках, то Bugsnag предоставляет решение, которое по цене, аналогично конкуренции. Но он предоставляет много точек интеграции в много разных слоев программного обеспечения. Он может подключаться к вашим системам сборки и развертывания, что позволяет вам контролировать метрики здоровья всех ваших развертываний.