Мой коллега только что обнаружил, что Chrome 58 (выпущенный 19 апреля) молча отключил весь вывод console.debug () в своих инструментах разработчика Chrome.

Как? Путем внесения изменений в пользовательский интерфейс консоли, от фильтрации по типу метода консоли до фильтрации по уровням.

Введение уровней само по себе не так уж и плохо. Но Google также решил прекратить показывать весь вывод консоли по умолчанию. Теперь вы можете видеть только уровень «Информация» и ниже.

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

Например только console.log(). Это особенно неприятно, если вы работаете над большим проектом, в котором смешаны сотни различных типов вывода.

Как видно из раздела комментариев в примечаниях к выпуску, разработчики это не приняли.

Неудачные тесты

Это означает, что если ваше приложение или проект для тестирования полагается на выходные данные уровня console.debug(), ваши тесты могли давать сбой более месяца, а вы даже этого не заметили.

И все это без всплывающего предупреждения от Google.

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

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

Проверьте это на себе

Я провел некоторое тестирование со следующими консольными методами в Chrome Dev Tools:

console.assert(true, {assert: "assert"});
console.count('count');
console.debug('debug');
console.dir({dir: "dir"});
console.error('error');
console.info('info');
console.log('log');
console.profile('profile');
setTimeout(function(){ console.profileEnd('profile'); }, 1000);
console.table('table');
console.time('time');
setTimeout(function(){ console.timeEnd('time'); }, 1000);
console.timeStamp('timeStamp');
console.trace('trace');
console.warn('warn');

Вы можете просто скопировать и вставить это в консоль в Chrome Dev Tools, нажать Enter и изменить уровень фильтра, чтобы увидеть, что отображается на каком уровне.

Некоторые скриншоты для иллюстрации

Вот несколько снимков экрана, чтобы проиллюстрировать разницу между уровнями. Обратите внимание на первый снимок экрана уровня «Информация» по умолчанию и на то, что «3 элемента скрыты».

Есть мысли?

Что вы думаете об этом изменении? Был ли Google неправ, внося это изменение? Или вы думаете, что это было улучшением «пользовательского интерфейса консоли» в целом? Пожалуйста, оставьте комментарий ниже.

Эта статья изначально была опубликована на сайте Hello, I Love Code и написана Робертом Аксельсеном, разработчиком JavaScript, организатором встреч и энтузиастом открытого исходного кода из Австрии, Европы.

Вы можете связаться с Робертом в Twitter или лучше узнать его, посетив его веб-сайт.