Kullanıcı tercihine göre medya özellikleri, web deneyimlerini kullanıcının kendi tercihlerine ve ihtiyaçlarına göre biçimlendirmenize olanak tanır. Diğer bir deyişle, tercih medya özellikleri, kullanıcı deneyimlerinizi kullanıcılarınızın beklentilerine uyarlamanıza olanak tanır.
Aşağıdaki üç adımı uygulayarak web sitenizin kullanıcı deneyimini iyileştirebilirsiniz:
- Olasılıkları keşfedin. Tüm kullanıcı tercihi medya özelliklerini öğrenin.
- Web deneyimlerinizi biçimlendirin. Örneğin, tercihlere göre renk, düzen ve öğe boyutu değişiklikleri uygulayın.
- Kullanıcı arayüzünü test edin. DevTools'ta tercihleri taklit edin ve web sitenizin nasıl davrandığını test edin.
DevTools, çeşitli emülasyon seçeneklerini destekler. Sistem ve tarayıcı ayarlarını aramaktan ve düzenlemekten kaçınmanıza yardımcı olmak için tüm emülasyon seçenekleri, DevTools'daki Oluşturma sekmesinin altında tek bir yerde bulunur.
Kullanıcı tercihlerinin emülasyon seçenekleri şunlardır ancak bunlarla sınırlı değildir:
prefers-color scheme: açık veya koyu renk şemasıprefers-contrast: Düşük veya yüksek kontrastprefers-reduced-motion: Hareketi en aza indirme veya indirmemeprefers-reduced-data: Daha az trafik tüketip tüketmeyeceğinizi belirtir.
Tüm emülasyon seçeneklerinin kapsamlı bir listesi için CSS medya özelliklerini taklit etme başlıklı makaleyi inceleyin.
Oluşturma sekmesini kullanarak uygulayabileceğiniz daha fazla efekt keşfetmek için Oluşturma sekmesine genel bakış başlıklı makaleyi inceleyin.
Ayrıca DevTools ile test özellikleriniz, üzerinde çalıştığınız tek cihazla sınırlı değildir. Cihaz Modu ile mobil cihazları simüle edebilirsiniz.