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.
Die scripting CSS Media-Funktion kann verwendet werden, um zu testen, ob Skripting (wie JavaScript) verfügbar ist.
Hinweis:
Die Erkennung erfolgt durch die Browser basierend auf den Benutzereinstellungen. Einige Browser-Erweiterungen können Skript-Blockierung mithilfe verschiedener Techniken implementieren. In solchen Fällen kann es sein, dass die scripting Media-Funktion nicht wie erwartet funktioniert.
Syntax
Die scripting-Funktion wird als Schlüsselwortwert angegeben, der aus der unten stehenden Liste ausgewählt wird.
none-
Skripting ist im aktuellen Dokument vollständig nicht verfügbar.
initial-only-
Skripting ist beim initialen Laden der Seite aktiviert, aber danach nicht mehr.
enabled-
Skripting wird im aktuellen Dokument unterstützt und ist 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
| Specification |
|---|
| Media Queries Level 5 # scripting |