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 Medienabfrage kann verwendet werden, um zu testen, ob Skripte (wie JavaScript) verfügbar sind.
Hinweis:
Die Erkennung erfolgt durch die Browser basierend auf den Benutzereinstellungen. Einige Browser-Erweiterungen können Skript-Blockierung mit unterschiedlichen Techniken implementieren. In solchen Fällen kann die scripting
Medienabfrage möglicherweise nicht wie erwartet funktionieren.
Syntax
Das scripting
-Feature wird als Schlüsselwortwert aus der folgenden Liste angegeben.
none
-
Skripting ist im aktuellen Dokument vollständig nicht verfügbar.
initial-only
-
Skripting ist während des initialen Seitenladens 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 |
Browser-Kompatibilität
BCD tables only load in the browser