scripting CSS-Medienmerkmal
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Dezember 2023 browserübergreifend verfügbar.
Das scripting CSS-Medienmerkmal kann verwendet werden, um zu testen, ob Skripting (wie JavaScript) verfügbar ist.
Hinweis:
Die Erkennung erfolgt durch die Browser basierend auf den Nutzereinstellungen. Einige Browser-Erweiterungen können Skriptblockierung durch verschiedene Techniken implementieren. In solchen Fällen kann es sein, dass das scripting-Medienmerkmal nicht wie erwartet funktioniert.
Syntax
Das scripting-Merkmal wird als Schlüsselwortwert aus der untenstehenden Liste festgelegt.
none-
Skripting ist im aktuellen Dokument vollständig nicht verfügbar.
initial-only-
Skripting ist während des ersten Ladens der Seite aktiviert, danach jedoch nicht mehr.
enabled-
Skripting wird unterstützt und ist im aktuellen Dokument aktiv.
Beispiele
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;
}
}
Ergebnis
Spezifikationen
| Spezifikation |
|---|
| Media Queries Level 5 # scripting |