files/pt-br/web/http/headers/dpr/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63

---
title: DPR
slug: Web/HTTP/Headers/DPR
tags:
  - Cabeçalho HTTP
  - Cabeçalho de requisição
  - Client hints
  - DPR
  - HTTP
translation_of: Web/HTTP/Headers/DPR
---
<div>{{HTTPSidebar}}{{securecontext_header}}{{SeeCompatTable}}</div>

<p>O cabeçalho <code><strong>DPR</strong></code> é um cabeçalho de requisição <em><a href="/en-US/docs/Glossary/Client_hints">Client Hints</a></em> que representa a razão de pixeis do dispositivo do cliente, por isso ({{Glossary("DPR")}})(<em>device pixel ratio</em>), que é o número de pixeis físicos do dispositivo correspondendo a cada pixel CSS.</p>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row">Tipo de cabeçalho</th>
   <td>{{Glossary("Request header")}}</td>
  </tr>
  <tr>
   <th scope="row">{{Glossary("Forbidden header name")}}</th>
   <td>?</td>
  </tr>
 </tbody>
</table>

<div class="blockIndicator note">
<p><strong>Nota:</strong> <em>Client Hints</em> são acessíveis somente em origens seguras (via TLS). Servidor deve optar em receber um cabeçalho <code>DPR</code> do cliente enviando cabeçalhos de resposta {{HTTPHeader("Accept-CH")}} e {{HTTPHeader("Accept-CH-Lifetime")}}.</p>
</div>

<h2 id="Sintaxe">Sintaxe</h2>

<pre class="syntaxbox">DPR: &lt;number&gt;
</pre>

<h2 id="Exemplos">Exemplos</h2>

<p>O servidor primeiro optar por receber o cabeçalho <code>DPR</code> enviando os cabeçalhos de resposta {{HTTPHeader("Accept-CH")}} contendo <code>DPR</code> e {{HTTPHeader("Accept-CH-Lifetime")}}.</p>

<pre>Accept-CH: DPR
Accept-CH-Lifetime: 86400
</pre>

<p>Então as requisições subsequentes do cliente podem enviar o cabeçalho <code>DPR</code> de volta:</p>

<pre>DPR: 1.0
</pre>

<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>

<p class="hidden">The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</p>

<p>{{Compat("http.headers.DPR")}}</p>

<h2 id="Veja_também">Veja também</h2>

<ul>
 <li>{{HTTPHeader("Accept-CH")}}</li>
 <li>{{HTTPHeader("Accept-CH-Lifetime")}}</li>
 <li>{{HTTPHeader("Vary")}}</li>
</ul>