Медиавозможность CSS `scripting`

Базовая поддержка Широко доступно

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

scripting — это медиавозможность CSS, с помощью которой можно проверить, доступно ли выполнение скриптов (например, 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	WebView для iOS
`scripting`	120	120	113	106	17	120	113	80	17	25.0	120	17

См. также

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