scripting
Baseline
2023
Newly available
Depuis December 2023, cette fonctionnalité fonctionne sur les appareils et les versions de navigateur les plus récents. Elle peut ne pas fonctionner sur les appareils ou navigateurs plus anciens.
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
<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
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;
}
}
Résultat
Spécifications
| Specification |
|---|
| Media Queries Level 5 # scripting |
Compatibilité des navigateurs
Chargement…