Что означает «CSSLayerBlockRule» в консоли Chrome?

Я работаю над типичной игрой «змейка» в js и наткнулся на следующий вывод на консоли Chrome:

Что означает «CSSLayerBlockRule» в консоли Chrome?

Печать из моего скрипта работает нормально, но я не могу найти документацию по последним двум строкам. Мне они не кажутся ошибками, но что это такое?

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
33
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Это интерфейс, используемый внутри браузера, который представляет JS-сторону Каскадные слои CSS, которая пока является только поддерживается Chrome, Firefox и Safari.

Подробнее об этом читайте в этом Сообщение блога.

Запуск вашего фрагмента кода в Chrome дает мне этот (ожидаемый) результат:

Но почему он отображается в консоли?

David G 02.04.2022 16:15

Потому что вы вошли в него. Я не знаю другого способа получить отображаемый вывод, кроме как ввести CSSLayerBlockRule и нет нажать Enter. Может быть, вы набрали "cssl" и нажали Tab?

connexo 02.04.2022 16:16

Я тоже так думал, поэтому я добавил несколько отпечатков консоли, чтобы увидеть, где мой код генерирует эту строку. Можете ли вы указать мне строку, которая генерирует этот вывод? Я, кажется, пропустил что-то очевидное здесь. Я ничего не вводил в консоль и несколько раз обновлялся, чтобы убедиться.

David G 02.04.2022 16:21

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

connexo 02.04.2022 16:21

Поэтому, когда я нажимаю «F5» и больше ничего не набираю, эта строка не должна отображаться, верно? Но это так.

David G 02.04.2022 16:23

Сначала очистите консоль, введя clear() в консоли и нажав Enter.

connexo 02.04.2022 16:24

F5 не меняет того, что было введено в консоли.

connexo 02.04.2022 16:27

Вы правы, больше не показывает. Странно, что я никогда не слышал об этом раньше и, конечно, не печатал сам. Имеет ли смысл оставить этот вопрос, или я должен удалить его? Не уверен, что это имеет какое-либо значение для SO.

David G 02.04.2022 16:27

В контексте моего ответа это может помочь людям понять, для чего предназначена эта функция. Поскольку это очень новая вещь, в ближайшем будущем больше людей могут искать CSSLayerBlockRule.

connexo 02.04.2022 16:31

Другие вопросы по теме