Obs.js - เครื่องมือประสิทธิภาพเว็บที่รับรู้บริบท
(github.com/csswizardry)- อ่าน สัญญาณจากเบราว์เซอร์ (เช่น 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"
- CSS class รูปแบบ
- การติดตั้งต้องแทรกเป็น อินไลน์
<script>ที่ด้านบนสุดของ<head>เท่านั้น- ไม่สามารถทำงานได้หากใช้ผ่าน package manager หรือเป็นไฟล์ JS ภายนอก
- ดู เดโม
ยังไม่มีความคิดเห็น