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

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

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

Siehe auch