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-Feature kann verwendet werden, um zu testen, ob Scripting (wie JavaScript) verfügbar ist.

Hinweis: Die Erkennung erfolgt durch die Browser basierend auf den Benutzereinstellungen. Einige Browsererweiterungen können Skriptblockierung mit verschiedenen Techniken implementieren. In solchen Fällen funktioniert das scripting Media-Feature möglicherweise nicht wie erwartet.

Syntax

Das scripting Feature wird als ein Schlüsselwortwert angegeben, der aus der folgenden Liste ausgewählt wird.

none: Scripting ist im aktuellen Dokument vollständig nicht verfügbar.
initial-only: Scripting ist während des anfänglichen Seitenladens aktiviert, aber danach nicht mehr.
enabled: Scripting 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