Скриптинг

Базовая версия 2023

Новое

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

Свойство scripting CSS media feature можно использовать для проверки наличия скриптинга (например, JavaScript).

Примечание: Обнаружение выполняется браузерами на основе настроек пользователя. Некоторые расширения браузера могут реализовывать блокировку скриптов с использованием различных методов. В таких случаях свойство scripting может не работать как ожидается.

Синтаксис

Свойство scripting задаётся как ключевое слово из списка ниже.

none: Скриптинг полностью недоступен в текущем документе.
initial-only: Скриптинг включён во время первоначальной загрузки страницы, но не после.
enabled: Скриптинг поддерживается и активен в текущем документе.

Примеры

HTML

<p class="script-none">You do not have scripting available. :-(</p>
<p class="script-initial-only">
  Your scripting is only enabled during the initial page load. Weird.
</p>
<p class="script-enabled">You have scripting enabled! :-)</p>

CSS

p {
  color: lightgray;
}

@media (scripting: none) {
  .script-none {
    color: red;
  }
}

@media (scripting: initial-only) {
  .script-initial-only {
    color: red;
  }
}

@media (scripting: enabled) {
  .script-enabled {
    color: red;
  }
}

Результат

Спецификации

Спецификация
Media Queries Level 5 # scripting

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`scripting`	120	120	113	106	17	120	113	80	17	25.0	120

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/@media/scripting