Caractéristique média CSS `scripting`

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis décembre 2023.

En savoir plus
Voir la compatibilité complète

La caractéristique média CSS scripting permet de tester si les scripts (comme JavaScript) sont disponibles.

Note : La détection est effectuée par les navigateurs selon les paramètres de l'utilisateur. Certaines extensions de navigateur peuvent bloquer les scripts avec différentes techniques. Dans ces cas, la caractéristique média scripting peut ne pas fonctionner comme prévu.

Syntaxe

La caractéristique scripting est définie avec un mot-clé parmi les suivants :

none: Les outils de script sont indisponibles pour le document courant.
initial-only: Les outils de script sont disponibles pendant le chargement de la page mais pas ensuite.
enabled: Les outils de script sont pris en charge et actifs pour le document courant.

Exemples

HTML

html

<p class="script-none">Les outils de script ne sont pas disponibles. :-(</p>
<p class="script-initial-only">
  Les outils de script sont uniquement disponibles au chargement initial.
</p>
<p class="script-enabled">Les outils de script sont activés ! :-)</p>

CSS

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;
  }
}