scripting
Baseline
2023
Newly available
Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
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
Loading…