Не Пропустите Ошибку Js

При разработке и тестировании сайта вы часто не замечаете всех ошибок JS. Это происходит по ряду причин:

  • отсутствие консоли в некоторых браузерах мобильных и планшетов;
  • открытая консоль мешает тестированию, блокируя видимую часть страницы;
  • консоль открывается, когда страница уже загрузилась и ошибки, возникающие при загрузке, теряются (Firebug в Firefox, Internet Explorer);
  • при разработке часто отключается логирование ошибок в системах аналитики, чтобы не было лишнего «шума» при анализе ошибок;
  • И так далее.

Для решения проблемы я написал небольшой js-скрипт" показать-js-ошибка », который отображает заметное сообщение об ошибке js, когда она возникает в браузере.



Не пропустите ошибку js

Это не заканчивается отображением сообщений; важно сообщить об ошибке.

Правильное описание ошибки состоит в том, что половина ошибки исправлена.

Для этого в задании на исправление ошибок необходимо указать следующую информацию:

  • описание и тип ошибки;
  • трассировка стека или имя файла с номером строки;
  • адрес страницы;
  • реферер;
  • ОС и ее версия;
  • браузер и его версия;
  • и т. д.


Не пропустите ошибку js

Чтобы не тратить каждый раз время, воспользуемся кнопкой «Копировать», чтобы скопировать всю информацию об ошибках в буфер обмена.

Или кнопка «Отправить», создание ошибки с которой занимает всего один клик.

Правда, для Github вам понадобится два клика — нажать кнопку «Отправить» в сообщении и «Submit new Issue» на самом Github. При создании новой задачи заголовок и текст сообщения можно передать через параметры GET. https://github.com/hcodes/show-js-error/issues/newЭtitle=My%20title&body=My%20text

Быстрый старт

Установить:
  
  
   

npm install show-js-error

Подключаемся к нашей странице в перед всеми скриптами:

<link rel="stylesheet" href=".

/node_modules/show-js-error/dist/show-js-error.css" /> <script src=".

/node_modules/show-js-error/dist/show-js-error.js"></script>

Также вы можете показать ошибки других типов, например, ошибки с сервера, перенаправленные на страницу:

showJSError.show({ title: 'Server error', message: 'My message', stack: 'My stack' });

В конце концов:

  • меньше ошибок в продукте;
  • «лечим» ошибки во время разработки, а не на производстве;
  • Быстро и четко ставим задачи по исправлению ошибок;
  • Мы облегчаем жизнь тестировщикам.

Ссылки: Теги: #инструменты отладки #JavaScript #разработка веб-сайтов #открытый исходный код #JavaScript #тестирование веб-сервисов
Вместе с данным постом часто просматривают: