scripting

Baseline 2023
新推出

自 ⁨2023 年 12 月⁩起,此功能可在最新的裝置和瀏覽器版本上使用。此功能可能無法在較舊的裝置或瀏覽器上使用。

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;
  }
}

結果

規範

規範
媒體查詢 Level 5
# scripting

瀏覽器相容性

另見