Предупреждения о нарушении zone.js на консоли в проекте Angular только для Chrome

Ответ 1

Что такое пассивное событие?

Пассивные прослушиватели событий - это новая функция в спецификации DOM, которая позволяет разработчикам делать выбор, чтобы лучше выполнять прокрутку, устраняя необходимость прокрутки для блокировки при прослушивании прикосновений и событий на колесиках. Разработчики могут аннотировать касание и прослушиватели колес с помощью {passive: true}, чтобы указать, что они никогда не будут вызывать preventDefault. Эта функция поставляется в Chrome 51, Firefox 49 и выгружается в WebKit. Ссылка.

Chrome выдает предупреждение...

[Violation] Added non-passive event listener to a scroll-blocking 'wheel' event. Consider marking event handler as 'passive' to make the page more responsive.

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

Chrome также выдает ошибку при попытке и по-прежнему вызывать preventDefault() в пассивном событии.

Unable to preventDefault inside passive event listener invocation.

У Firefox есть аналогичная ошибка для этого, однако, похоже, это не предупреждение, как Chrome:

Ignoring ‘preventDefault()’ call on event of type ‘wheel’ from a listener registered as ‘passive’.

Предупреждающая витрина

Выполните следующий фрагмент и просмотрите консоль Chrome в режиме Verbose.

// WILL throw violation
document.addEventListener("wheel", function(e) {
  e.preventDefault(); // prevents default browser functionality
});

// will NOT throw violation
document.addEventListener("wheel", function(e) {
  e.preventDefault(); // does nothing since the listener is passive
}, {
  passive: true
});