The scripting
CSS media feature can be used to test whether scripting (such as JavaScript) is available.
Syntax
The scripting
feature is specified as a keyword value chosen from the list below.
none
- Scripting is completely unavailable on the current document.
initial-only
- Scripting is enabled during the initial page load, but not afterwards.
enabled
- Scripting is supported and active on the current document.
Examples
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; } }
Result
Specifications
Specification | Status | Comment |
---|---|---|
Media Queries Level 5 The definition of 'scripting' in that specification. |
Editor's Draft | Initial definition |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
scripting media feature | Chrome
No support
No
| Edge
No support
No
| Firefox
No support
No
| IE No support No | Opera No support No | Safari No support No | WebView Android
No support
No
| Chrome Android
No support
No
| Firefox Android
No support
No
| Opera Android No support No | Safari iOS No support No | Samsung Internet Android
No support
No
|
Legend
- No support
- No support
- See implementation notes.
- See implementation notes.