Сегодня затрону тему "Console logs and Network logs in FireFox DevTools"

Console Logs
Необходимо выбрать Console в меню Firefox DevTools для Windows или меню Tools для Mac OS X
или
нажать комбинацию клавиш Ctrl+Shift+K в Windows (Command+Option+K в Mac OS X)

Network Logs
нажать комбинацию клавиш Ctrl+Shift+E в Windows (Command+Option+E в Mac OS X)

На данной панели будут отображены уровни логирования:
⭕️Errors - сообщения об ошибке
⚠️Warnings - предупреждения
🌐Logs - содержательно нейтральные логи
ℹ️Info - информационные сообщения
🛠Debug - сообщение отладки

На изображениях выше👆🏻 можно заметить , что выбирая данный уровень логирования, все записи выбранных уровней будут видны под панелью с названиями уровней.
Попробуйте применить этот фильтр уровней для трестируемого сайта!

Console API предоставляет еще методы, которые работают одинаково, различаясь только семантикой, то есть назначением лога.
Например, методы:
➖console.log(‘…’)
➖console.debug(‘…’)
➖сonsole.info(‘…’) - подозреваю, что это баг телеграма (некорректная ссылка подставляется для данного значения с точкой автоматически)
➖console.warn(‘…’)
➖console.error(‘…’)

Примеры этих методов я указала в специальном окне для ввода этих методов (см. изображения выше👆🏻)
Назначения этих команд я сама не использую в работе, но для общего ознакомления хотела вам показать.

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

Пример из интернета:
К тому же за таким кодом проще следить: например, при выкате в прод найти поиском по проекту все сообщения console.debug и удалить.

Для дополнительного ознакомления источник : Console - developer.mozilla.org