Sec-CH-Prefers-Reduced-Motion

實驗性: 這是一個 實驗性技術
在生產環境中使用之前,請仔細檢視 瀏覽器相容性表

安全上下文: 此功能僅在 安全上下文 (HTTPS) 中可用,在某些或所有 支援的瀏覽器 中可用。

Sec-CH-Prefers-Reduced-Motion 使用者代理客戶端提示 請求頭指示使用者代理對動畫顯示的偏好,以減少運動。

如果伺服器透過 Accept-CH 標頭向客戶端發出訊號,表明它接受 Sec-CH-Prefers-Reduced-Motion,則客戶端可以響應此標頭來指示使用者的減少運動偏好。伺服器可以向客戶端傳送經過適當調整的內容,例如 JavaScript 或 CSS,以減少後續渲染內容中呈現的任何動畫的運動。這可能包括降低運動速度或幅度,以減少患有前庭運動障礙的人的不適。

此標頭是根據 prefers-reduced-motion 媒體查詢建模的。

標頭型別 請求頭客戶端提示
禁止的標頭名稱

語法

http
Sec-CH-Prefers-Reduced-Motion: <preference>

指令

<preference>

使用者代理對減少運動動畫的偏好。這通常取自底層作業系統的設定。此指令的值可以是 no-preferencereduce

示例

客戶端向伺服器發出初始請求

http
GET / HTTP/1.1
Host: example.com

伺服器響應,透過 Accept-CH 告訴客戶端它接受 Sec-CH-Prefers-Reduced-Motion。在此示例中,還使用了 Critical-CH,表示 Sec-CH-Prefers-Reduced-Motion 被視為 關鍵客戶端提示

http
HTTP/1.1 200 OK
Content-Type: text/html
Accept-CH: Sec-CH-Prefers-Reduced-Motion
Vary: Sec-CH-Prefers-Reduced-Motion
Critical-CH: Sec-CH-Prefers-Reduced-Motion

注意: 我們還在 Vary 標頭中指定了 Sec-CH-Prefers-Reduced-Motion,以指示瀏覽器,即使 URL 保持不變,所提供的內容也會根據此標頭值有所不同,因此瀏覽器不應只使用現有的快取響應,而應將此響應單獨快取。在 Critical-CH 標頭中列出的每個標頭也應該出現在 Accept-CHVary 標頭中。

客戶端自動重試請求(由於上面指定了 Critical-CH),透過 Sec-CH-Prefers-Reduced-Motion 告訴伺服器它對減少運動動畫有使用者偏好

http
GET / HTTP/1.1
Host: example.com
Sec-CH-Prefers-Reduced-Motion: "reduce"

客戶端將在當前會話中的後續請求中包含該標頭,除非 Accept-CH 在響應中發生變化,以指示伺服器不再支援它。

規範

規範
使用者偏好媒體特性客戶端提示標頭
# sec-ch-prefers-reduced-motion

瀏覽器相容性

BCD 表僅在瀏覽器中載入

另請參閱