Сегодня затрону тему "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