Як виводити логи в браузер, використовуючи notification api.

Всім привіт! У цій заключній на цей рік статті ми розглянемо простий, але дуже корисний інструмент для виведення логів в браузері.

опис

Notification Logger - це дуже простий, але корисний інструмент. Якщо вам постійно доводиться робити налагодження коду, ви, швидше за все, використовуєте console.log (). Це, звичайно, набагато зручніше, ніж кожен раз викликати alert (), але все-таки трохи втомлює постійно відкривати консоль заради одного простого балки.

Щоб зробити цю процедуру трохи простіше, розробники придумали інструмент під назвою Notification Logger. Він бере все ваші console.log () повідомлення і конвертує їх в браузерні повідомлення (Notification API). Він може виводити їх також і в консоль, якщо ви побажаєте.

установка

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

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

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

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

logger.destroy

висновок

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

Ну що ж, а на це сьогодні все! Вітаю всіх з наступаючим Новим Роком! Бажаю, щоб тільки радість і щастя оточували вас в ньому! Ну, і, звичайно, успіхів у вашій навчанні веб-розробки! Ура! :)

Поділися в соціальних мережах:

Схожі