Всем привет! В этой заключительной на этот год статье рассмотрим простой, но очень полезный инструмент для вывода логов в браузере .

Как выводить логи в браузер, используя Notification API.

Всем привет! В этой заключительной на этот год статье рассмотрим простой, но очень полезный инструмент для вывода логов в браузере.

Описание

Notification Logger – это очень простой, но полезный инструмент. Если вам постоянно приходится делать отладку кода, вы, скорее всего, используете console.log(). Это, конечно, намного удобнее, чем каждый раз вызывать alert(), но все-таки немного утомительно постоянно открывать консоль ради одного простого лога.

Чтобы сделать эту процедуру немного проще, разработчики придумали инструмент под названием Notification Logger. Он берет все ваши console.log() сообщения и конвертирует их в браузерные уведомления(Notification API). Он может выводить их также и в консоль, если вы пожелаете.

Установка

Установка очень простая. Скачайте необходимый архив с официального сайта, распакуйте его и подключите нужные файлы:

<script src="notification-logger.js"></script>

Теперь проициниализируйте скрипт:

logger.init();
var a = 2;
var b = "I would like to alert this";
logger.log(b);
console.log(a, "title");

Теперь вы можете пользоваться новым выводом логов. Вы можете вернуться к привычному выводу в консоль, вызвав следующий метод:

logger.destroy

Заключение

Этот скрипт полезен не только потому, что вам каждый раз не нужно заходить в консоль, чтобы увидеть сообщения журнала, но и потому, что уведомления откреплены от окна браузера, следовательно, вам не нужно откреплять DevTools, чтобы получить исходный размер окна браузера.

Ну что же, а на этом сегодня все! Поздравляю всех с наступающим Новым Годом! Желаю, чтобы только радость и счастье окружали вас в нем! Ну, и, конечно, успехов в вашем обучении веб-разработке! Ура! :)