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