Sofia Emelianova
使用者偏好媒體功能可讓您根據使用者自己的偏好和需求，調整網頁體驗。換句話說，偏好媒體功能可讓您根據使用者期待，調整使用者體驗。
您可以採取下列三個步驟，改善網站的使用者體驗：
- 發掘無限可能。瞭解所有使用者偏好設定媒體功能。
- 設定網頁體驗的樣式。實作根據偏好設定變更的項目，例如顏色、版面配置和元素大小。
- 測試 UI。在DevTools中模擬偏好設定，並測試網站的行為。
開發人員工具支援多種模擬選項。為了避免您需要搜尋及調整系統和瀏覽器設定，所有模擬選項都集中在一個位置，也就是開發人員工具的「轉譯」分頁下方。
使用者偏好的模擬選項包括但不限於：
prefers-color scheme：淺色或深色色彩配置prefers-contrast：降低或提高對比度prefers-reduced-motion：是否要盡量減少動作prefers-reduced-data：是否減少流量
如需所有模擬選項的完整清單，請參閱「模擬 CSS 媒體功能」。
如要瞭解可透過「算繪」分頁套用的更多特效，請參閱「算繪分頁總覽」。
此外，使用 DevTools 時，您的測試功能不限於您使用的單一裝置。您可以使用裝置模式模擬行動裝置。