scripting CSS-Medienmerkmal
Baseline
2023
Neu verfügbar
Seit December 2023 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.
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 |