脚本
可以使用scripting
CSS 媒体特性 来测试脚本(例如 JavaScript)是否可用。
注意:浏览器根据用户设置进行检测。一些浏览器扩展可以使用不同的技术来实现脚本阻止。在这种情况下,scripting
媒体特性可能无法按预期工作。
语法
scripting
特性被指定为从下面列表中选择的关键字值。
none
-
当前文档中脚本完全不可用。
initial-only
-
在初始页面加载期间启用脚本,但之后不启用。
enabled
-
当前文档支持并启用了脚本。
示例
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;
}
}
结果
规范
规范 |
---|
媒体查询级别 5 # 脚本 |
浏览器兼容性
BCD 表格仅在浏览器中加载