DPR header
Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
Non-standard: This feature is not standardized. We do not recommend using non-standard features in production, as they have limited browser support, and may change or be removed. However, they can be a suitable alternative in specific cases where no standard option exists.
Warning:
Tiêu đề DPR đã được chuẩn hóa thành Sec-CH-DPR và tên mới hiện được ưu tiên.
Tiêu đề HTTP DPR request header cung cấp device client hints về tỷ lệ pixel thiết bị máy khách (DPR).
Tỷ lệ này là số pixel vật lý thiết bị tương ứng với mỗi CSS pixel.
Gợi ý này hữu ích khi chọn các nguồn hình ảnh phù hợp nhất với mật độ pixel của màn hình.
Điều này tương tự như vai trò của bộ mô tả x trong thuộc tính srcset của <img> để cho phép user agent chọn hình ảnh ưa thích.
Nếu máy chủ sử dụng gợi ý DPR để chọn tài nguyên nào được gửi trong phản hồi, phản hồi phải bao gồm tiêu đề Content-DPR.
Máy khách phải sử dụng giá trị trong Content-DPR cho bố cục nếu nó khác với giá trị trong tiêu đề DPR của yêu cầu.
Nếu tiêu đề DPR xuất hiện nhiều hơn một lần trong một thông điệp thì lần xuất hiện cuối cùng được sử dụng.
Các máy chủ đăng ký nhận gợi ý client DPR thường cũng chỉ định nó trong tiêu đề Vary để thông báo cho cache rằng máy chủ có thể gửi các phản hồi khác nhau dựa trên giá trị tiêu đề trong một yêu cầu.
| Loại tiêu đề | Request header, Client hint |
|---|---|
| Forbidden request header | Không |
Cú pháp
DPR: <number>
Chỉ thị
<number>-
Tỷ lệ pixel thiết bị máy khách.
Ví dụ
Trước tiên máy chủ phải đăng ký nhận tiêu đề DPR bằng cách gửi tiêu đề phản hồi Accept-CH chứa chỉ thị DPR.
Accept-CH: DPR
Sau đó trong các yêu cầu tiếp theo, máy khách có thể gửi tiêu đề DPR đến máy chủ:
DPR: 2.0
Nếu một yêu cầu với tiêu đề DPR (như được hiển thị ở trên) dành cho tài nguyên hình ảnh, thì phản hồi của máy chủ phải bao gồm tiêu đề Content-DPR:
Content-DPR: 2.0
Khả năng tương thích trình duyệt
Xem thêm
- Device và responsive image client hints
Sec-CH-DPRSec-CH-Device-MemorySec-CH-Viewport-HeightSec-CH-Viewport-WidthSec-CH-WidthContent-DPRDeprecatedDevice-MemoryDeprecatedViewport-WidthDeprecatedWidthDeprecated
Accept-CH- HTTP Caching: Vary và
Vary - Cải thiện quyền riêng tư người dùng và trải nghiệm nhà phát triển với User-Agent Client Hints (developer.chrome.com)