บล็อก
ภาพรวมฟีเจอร์
简体中文
Client Hints คือชุด HTTP header และ JavaScript API ที่ช่วยให้เบราว์เซอร์ส่งข้อมูลรายละเอียดเกี่ยวกับอุปกรณ์และเบราว์เซอร์ของลูกค้าไปยังเซิร์ฟเวอร์ ออกแบบมาเพื่อแทนที่ User-Agent และให้เซิร์ฟเวอร์ปรับเนื้อหาให้เหมาะสมโดยไม่ต้องพึ่งการตรวจสอบ User-Agent ที่ไม่น่าเชื่อถือหรือเทคนิคระบุลายนิ้วมือเบราว์เซอร์
userAgent
| user-Agent |  loading... |
Client Hints JavaScript API
| APISupport | loading... |
| architecture | loading... |
| bitness | loading... |
| brands | loading... |
| fullVersionLis | loading... |
| mobile | loading... |
| model | loading... |
| platform | loading... |
| platformVersion | loading... |
| uaFullVersion | loading... |
| wow64 | loading... |
Client Hints HTTP Headers
| sec-ch-ua | loading... |
| sec-ch-ua-platform | loading... |
| sec-ch-ua-mobile | loading... |
| sec-ch-ua-full-version | loading... |
| sec-ch-ua-platform-version | loading... |
| sec-ch-ua-full-version-list | loading... |
| sec-ch-ua-arch | loading... |
| sec-ch-ua-bitness | loading... |
| sec-ch-ua-wow64 | loading... |
| sec-ch-ua-model | loading... |
| sec-ch-save-data | loading... |
| sec-ch-width | loading... |
| sec-ch-viewport-width | loading... |
| viewport-width | loading... |
| sec-ch-viewport-height | loading... |
| sec-ch-dpr | loading... |
| dpr | loading... |
| sec-ch-device-memory | loading... |
| device-memory | loading... |
| sec-ch-rtt | loading... |
| sdownlink | loading... |
| sec-ch-ect | loading... |
| ect | loading... |
| sec-ch-prefers-color-scheme | loading... |
| sec-ch-prefers-reduced-motion | loading... |
| sec-ch-prefers-reduced-transparency | loading... |
| sec-ch-prefers-contrast | loading... |
| sec-ch-forced-colors | loading... |
| sec-ch-ua-form-factors | loading... |
รายการ Client Hints ที่รู้จัก
Sec-CH-UA
แสดงแบรนด์และเวอร์ชันของ User-AgentSec-CH-UA-Full-Version
แสดงเวอร์ชันเต็มของ User-Agent (เลิกใช้แล้ว แทนที่ด้วย Sec-CH-UA-Full-Version-List)Sec-CH-UA-Full-Version-List
แสดงเวอร์ชันเต็มของ User-Agent (เลิกใช้แล้ว แทนที่ด้วย Sec-CH-UA-Full-Version-List)Sec-CH-UA-Platform
แสดงแพลตฟอร์มที่ User-Agent ทำงานอยู่Sec-CH-UA-Platform-Version
แสดงเวอร์ชันแพลตฟอร์มที่ User-Agent ทำงานอยู่Sec-CH-UA-Arch
แสดงสถาปัตยกรรมของแพลตฟอร์มที่ User-Agent ทำงานอยู่Sec-CH-UA-Bitness
แสดงจำนวนบิตของสถาปัตยกรรมแพลตฟอร์มที่ User-Agent ทำงานอยู่Sec-CH-UA-WoW64
ใช้ตรวจสอบว่า User-Agent ทำงานแบบ 32 บิตบน Windows 64 บิตหรือไม่Sec-CH-UA-Model
แสดงอุปกรณ์ที่ User-Agent ทำงานอยู่Sec-CH-UA-Mobile
ใช้ตรวจสอบว่า User-Agent เน้นประสบการณ์แบบ 'มือถือ' หรือไม่Sec-CH-UA-Form-Factors
แสดงขนาดรูปทรงของอุปกรณ์ เคยแสดงเป็น deviceCompat ใน User-AgentSec-CH-Lang
(หรือ Lang) แสดงความชอบด้านภาษาSec-CH-Save-Data
(หรือ Save-Data) แสดงความชอบของ User-Agent ในการลดการใช้ข้อมูลSec-CH-Width
ให้เซิร์ฟเวอร์ทราบความกว้างของภาพที่ต้องแสดงSec-CH-Viewport-Width
(หรือ Viewport-Width) คือความกว้างของ viewport ของผู้ใช้ในหน่วย CSS pixelSec-CH-Viewport-Height
แสดงความสูง viewport ปัจจุบันของ User-AgentSec-CH-DPR
(หรือ DPR) รายงานอัตราส่วน pixel จริงกับ pixel CSS ของหน้าจอผู้ใช้Sec-CH-Device-Memory
(หรือ Device-Memory) แสดงหน่วยความจำโดยประมาณของอุปกรณ์ (GiB) ข้อมูลนี้ใช้ระบุผู้ใช้ได้ จึงมีค่าแบบหยาบ เช่น 0.25, 0.5, 1, 2, 4, 8Sec-CH-RTT
(หรือ RTT) ให้ค่า round-trip time โดยประมาณในระดับแอปพลิเคชัน (ms) RTT นี้ต่างจากระดับ transport และรวมเวลาประมวลผลเซิร์ฟเวอร์ ค่า RTT จะถูกปัดเศษเป็น 25 ms เพื่อป้องกันการระบุลายนิ้วมือSec-CH-Downlink
(หรือ Downlink) แสดงความเร็วดาวน์โหลดโดยประมาณของผู้ใช้ (Mbps) ปัดเศษเป็น 25 Kbps เพื่อป้องกันการระบุลายนิ้วมือSec-CH-ECT
(หรือ ECT) แสดงประเภทการเชื่อมต่อที่มีผล ค่าได้แก่ 4g, 3g, 2g, slow-2gSec-CH-Prefers-Color-Scheme
แสดงความชอบด้านโทนสีของผู้ใช้Sec-CH-Prefers-Reduced-Motion
ใช้ตรวจสอบว่าผู้ใช้ต้องการลดการเคลื่อนไหวหรือแอนิเมชันหรือไม่Sec-CH-Prefers-Reduced-Transparency
ใช้ตรวจสอบว่าผู้ใช้ต้องการลดการใช้ชั้นโปร่งใสหรือโปร่งแสงหรือไม่Sec-CH-Prefers-Contrast
ใช้ตรวจสอบว่าผู้ใช้ต้องการให้เนื้อหาเว็บแสดงด้วยความเปรียบต่างสูง/ต่ำหรือไม่Sec-CH-Forced-Colors
ใช้ตรวจสอบว่า User-Agent เปิดโหมดสีบังคับหรือไม่ ซึ่งจะใช้ชุดสีที่ผู้ใช้เลือกบนหน้าเว็บ
