Funkcje multimedialne związane z ustawieniami preferencji użytkownika umożliwiają dostosowywanie stylu treści do strony internetowej zgodnie z własnymi preferencjami i potrzebami użytkownika. Inaczej mówiąc, preferencje związane z multimediami pozwalają dostosować wrażenia użytkownika do jego oczekiwań.
Aby zwiększyć komfort użytkowników Twojej witryny, wykonaj te 3 kroki:
- Odkryj nowe możliwości. Poznaj wszystkie funkcje multimedialne dotyczące preferencji użytkownika.
- Określ styl witryny. np. zmiany koloru, układu i rozmiaru elementów zależne od preferencji.
- Testowanie UI W DevTools emuluj ustawienia i przetestuj, jak zachowuje się Twoja witryna.
Narzędzia deweloperskie obsługują różne opcje emulacji. Aby uniknąć wyszukiwania i dostosowywania ustawień systemu i przeglądarki, wszystkie opcje emulacji znajdują się w jednym miejscu – na karcie Renderowanie w Narzędziach deweloperskich.
Dostępne są między innymi opcje emulacji ustawień użytkownika:
prefers-color scheme– jasny lub ciemny schemat kolorówprefers-contrast– niższy lub wyższy kontrastprefers-reduced-motion– ograniczanie ruchu lub nieprefers-reduced-data– zmniejszanie natężenia ruchu
Pełną listę wszystkich opcji emulacji znajdziesz w artykule Emulowanie funkcji multimedialnych CSS.
Więcej efektów, które możesz zastosować na karcie Renderowanie, przeczytaj Omówienie karty Renderowanie.
Dodatkowo w Narzędziach deweloperskich możliwości testowania nie są ograniczone do pojedynczego urządzenia, na którym pracujesz. Możesz symulować urządzenia mobilne w trybie urządzenia.