ฟีเจอร์สื่อสำหรับค่ากำหนดของผู้ใช้ช่วยให้คุณจัดรูปแบบประสบการณ์การใช้งานเว็บให้สอดคล้องกับค่ากำหนดและความต้องการเฉพาะของผู้ใช้ กล่าวคือ ฟีเจอร์สื่อที่กำหนดค่าได้ช่วยให้คุณปรับประสบการณ์ของผู้ใช้ให้เป็นไปตามความคาดหวังของผู้ใช้
คุณยกระดับประสบการณ์ของผู้ใช้ในเว็บไซต์ได้โดยทำตาม 3 ขั้นตอนต่อไปนี้
- ค้นพบความเป็นไปได้ ดูฟีเจอร์สื่อตามค่ากำหนดของผู้ใช้ทั้งหมด
- ปรับแต่งประสบการณ์การใช้งานเว็บ ใช้การเปลี่ยนแปลง เช่น สี เลย์เอาต์ และขนาดองค์ประกอบตามค่ากําหนด
- ทดสอบ UI ใน DevTools ให้จําลองค่ากําหนดและทดสอบลักษณะการทํางานของเว็บไซต์
เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์รองรับตัวเลือกการจําลองที่หลากหลาย ตัวเลือกการจําลองทั้งหมดอยู่ในที่เดียวในแท็บการแสดงผลใน DevTools เพื่อช่วยให้คุณไม่ต้องค้นหาและปรับการตั้งค่าระบบและเบราว์เซอร์
ตัวเลือกการจําลองของค่ากําหนดของผู้ใช้รวมถึงแต่ไม่จํากัดเพียงรายการต่อไปนี้
prefers-color scheme- รูปแบบสีสว่างหรือมืดprefers-contrast- คอนทราสต์ต่ำหรือสูงprefers-reduced-motion- ลดการเคลื่อนไหวหรือไม่prefers-reduced-data- ใช้การเข้าชมน้อยลงหรือไม่
ดูรายการตัวเลือกการจําลองทั้งหมดที่ครอบคลุมได้ที่จําลองฟีเจอร์สื่อ CSS
หากต้องการดูเอฟเฟกต์เพิ่มเติมที่คุณใช้ได้โดยใช้แท็บการแสดงผล โปรดดูภาพรวมของแท็บการแสดงผล
นอกจากนี้ เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ยังช่วยให้คุณทดสอบได้มากกว่าอุปกรณ์เครื่องเดียว คุณสามารถจำลองการใช้งานในอุปกรณ์เคลื่อนที่ผ่านโหมดอุปกรณ์