prefers-reduced-data

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimentell:Dies ist eineexperimentelle Technologie
Überprüfen Sie dieBrowser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Hinweis:Dieses Feature wird von keinem Benutzeragenten unterstützt und seine Details können sich ändern.

Dasprefers-reduced-dataCSS Medien-Feature wird verwendet, um zu erkennen, ob der Benutzer Webinhalte angefordert hat, die weniger Internetverkehr verbrauchen.

Syntax

no-preference: Gibt an, dass der Benutzer keine Präferenz gegenüber dem System geäußert hat. Dieser Schlüsselwortwert wird im booleschen Kontext als falsch ausgewertet.
reduce: Gibt an, dass der Benutzer die Präferenz für leichtere alternative Inhalte geäußert hat.

Derzeit implementiert kein Benutzeragent dieses Feature, obwohl verschiedene Betriebssysteme solche Präferenzen unterstützen. Wenn diese Medienabfrage jemals implementiert wird, werden Benutzeragenten wahrscheinlich auf die vom Betriebssystem bereitgestellten Einstellungen zurückgreifen.

Beispiele

Hinweis:Kein Browser implementiert derzeit dieses Feature, daher wird das folgende Beispiel nicht funktionieren.

In diesem Beispiel wird die Schriftartdateimontserrat-regular.woff2 weder vorgeladen noch heruntergeladen, wenn der Benutzer reduzierte Daten bevorzugt. In diesem Fall dient der "System Font Stack" als Ersatzschriftart:

HTML

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

css

@media (prefers-reduced-data: no-preference) {  @font-face {    font-family: "Montserrat";    font-style: normal;    font-weight: normal;    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",    sans-serif;}

Spezifikationen

Specification
Media Queries Level 5 # prefers-reduced-data

Browser-Kompatibilität

Siehe auch

Save-Data HTTP-Header

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen •Fehler mit dieser Übersetzung melden

Movatterモバイル変換