prefers-reduced-data

Ограниченная доступность

Эта функция не относится к Baseline, так как она не работает во всех наиболее широко используемых браузерах.

Экспериментально: Это экспериментальная технология
Перед использованием в рабочей среде внимательно проверьте таблицу совместимости браузеров.

Примечание: Эта функция не поддерживается ни одним пользовательским агентом, а ее спецификации могут быть изменены.

Функция prefers-reduced-data CSS media feature используется для определения, запросил ли пользователь веб-контент, потребляющий меньше интернет-трафика.

Синтаксис

no-preference: Указывает, что пользователь не выразил никаких предпочтений системе. Это ключевое слово в булевом контексте оценивается как ложь.
reduce: Указывает, что пользователь выразил предпочтение для легкого альтернативного контента.

Настройки пользователя

В настоящее время ни один пользовательский агент не реализует эту функцию, хотя различные операционные системы поддерживают такие предпочтения, и если этот медиа-запрос когда-либо будет реализован, пользовательские агенты, вероятно, будут полагаться на настройки, предоставленные операционной системой.

Примеры

Примечание: В настоящее время ни один браузер не реализует эту функцию, поэтому следующий пример не будет работать.

В этом примере файл шрифта montserrat-regular.woff2 не будет предварительно загружен и загружен, если пользователь предпочитает сокращение данных, в этом случае «стандартный набор шрифтов системы» будет использоваться в качестве резервного шрифта:

HTML

<head>
  <link
    rel="preload"
    href="fonts/montserrat-regular.woff2"
    as="font"
    media="(prefers-reduced-data: no-preference)"
    crossorigin />
  <link rel="stylesheet" href="style.css" />
</head>

CSS

@media (prefers-reduced-data: no-preference) {
  @font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    /* latin */
    src:
      local("Montserrat Regular"),
      local("Montserrat-Regular"),
      url("fonts/montserrat-regular.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
      U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
      U+2215, U+FEFF, U+FFFD;
  }
}

body {
  font-family:
    Montserrat,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    "Microsoft YaHei",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
}

Спецификации

Спецификация
Media Queries Level 5 # prefers-reduced-data

Совместимость браузеров

	Рабочий стол					Мобильный
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`prefers-reduced-data`	85	85	Нет	71	Нет	85	Нет	Нет	Нет	Нет	Нет

См. также

Save-Data HTTP заголовок

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-data