Sec-CH-Prefers-Reduced-Motion
Sec-CH-Prefers-Reduced-Motion 使用者代理客戶端提示 請求頭指示使用者代理對動畫顯示的偏好,以減少運動。
如果伺服器透過 Accept-CH 標頭向客戶端發出訊號,表明它接受 Sec-CH-Prefers-Reduced-Motion,則客戶端可以響應此標頭來指示使用者的減少運動偏好。伺服器可以向客戶端傳送經過適當調整的內容,例如 JavaScript 或 CSS,以減少後續渲染內容中呈現的任何動畫的運動。這可能包括降低運動速度或幅度,以減少患有前庭運動障礙的人的不適。
此標頭是根據 prefers-reduced-motion 媒體查詢建模的。
語法
Sec-CH-Prefers-Reduced-Motion: <preference>
指令
<preference>-
使用者代理對減少運動動畫的偏好。這通常取自底層作業系統的設定。此指令的值可以是
no-preference或reduce。
示例
客戶端向伺服器發出初始請求
GET / HTTP/1.1
Host: example.com
伺服器響應,透過 Accept-CH 告訴客戶端它接受 Sec-CH-Prefers-Reduced-Motion。在此示例中,還使用了 Critical-CH,表示 Sec-CH-Prefers-Reduced-Motion 被視為 關鍵客戶端提示。
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-CH 和 Vary 標頭中。
客戶端自動重試請求(由於上面指定了 Critical-CH),透過 Sec-CH-Prefers-Reduced-Motion 告訴伺服器它對減少運動動畫有使用者偏好
GET / HTTP/1.1
Host: example.com
Sec-CH-Prefers-Reduced-Motion: "reduce"
客戶端將在當前會話中的後續請求中包含該標頭,除非 Accept-CH 在響應中發生變化,以指示伺服器不再支援它。
規範
| 規範 |
|---|
| 使用者偏好媒體特性客戶端提示標頭 # sec-ch-prefers-reduced-motion |
瀏覽器相容性
BCD 表僅在瀏覽器中載入
另請參閱
- 客戶端提示
prefers-reduced-motionCSS 媒體查詢- 使用者代理客戶端提示 API
- 使用使用者代理客戶端提示改進使用者隱私和開發人員體驗 (developer.chrome.com)
Accept-CH- HTTP 快取 > 變化 和
Vary