Как выводить логи в браузер, используя 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, чтобы получить исходный размер окна браузера.
Ну что же, а на этом сегодня все! Поздравляю всех с наступающим Новым Годом! Желаю, чтобы только радость и счастье окружали вас в нем! Ну, и, конечно, успехов в вашем обучении веб-разработке! Ура! :)
-
Создано 30.12.2016 07:00:00
-
Михаил Русаков
Комментарии (1):
Класс, спасибо за статью Михаил, все таки пригодится!
Ответить
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.