- อ่าน สัญญาณจากเบราว์เซอร์ (เช่น Navigator, Battery API) เพื่ออนุมาน ความเร็วการเชื่อมต่อเครือข่าย, สถานะแบตเตอรี่, ประสิทธิภาพ RAM·CPU
แล้วเปิดเผยข้อมูลเหล่านี้เป็น CSS class และอ็อบเจ็กต์ JS เพื่อ สลับระดับการส่งมอบคอนเทนต์ตามบริบทให้เหมาะกับสถานการณ์
- กล่าวคือ ในการเชื่อมต่อที่ช้าหรือโหมดประหยัดพลังงาน สามารถควบคุม เว็บฟอนต์·ความละเอียดภาพ·การเล่นวิดีโออัตโนมัติ·แอนิเมชัน เพื่อมอบประสบการณ์แบบเบาได้
- ผลการตรวจจับจะถูกเปิดเผยเป็น
- CSS class รูปแบบ
.has-* บน <html> : จะมีการเพิ่มคลาสอย่าง .has-bandwidth-high.has-cpu-medium.has-ram-medium
- จัดเก็บข้อมูลรายละเอียดไว้ในอ็อบเจ็กต์
window.obs : "batteryCharging": true, "cpuCategory": "high"
- การติดตั้งต้องแทรกเป็น อินไลน์
<script> ที่ด้านบนสุดของ <head> เท่านั้น
- ไม่สามารถทำงานได้หากใช้ผ่าน package manager หรือเป็นไฟล์ JS ภายนอก
- ดู เดโม
ยังไม่มีความคิดเห็น