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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
scripting media feature

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support

Siehe auch