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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
|
---
title: display
slug: Web/Manifest/display
tags:
- Manifest
- Web
- display
translation_of: Web/Manifest/display
---
<div>{{QuickLinksWithSubpages('/ru/docs/Web/Manifest')}}</div>
<table class="properties">
<tbody>
<tr>
<th scope="row">Type</th>
<td><code>String</code></td>
</tr>
<tr>
<th scope="row">Mandatory</th>
<td>No</td>
</tr>
<tr>
<th scope="row">Example</th>
<td>
<pre class="brush: json no-line-numbers">
"display": "standalone"</pre>
</td>
</tr>
</tbody>
</table>
<div class="blockIndicator note">
<p><strong>Note:</strong> Если свойство <code>display</code> не указано, по умолчанию используется <code>"browser"</code>.</p>
</div>
<p><code>display</code> - это строка, которая определяет предпочитаемый разработчиком режим отображения для веб-сайта. Режим отображения изменяет количество отображаемого пользовательского интерфейса браузера и может варьироваться от <code>"browser"</code> (когда отображается полное окно браузера) до <code>"fullscreen"</code> (когда приложение полноэкранно).</p>
<div class="blockIndicator note">
<p><strong>Примечание:</strong> вы можете выборочно применить CSS к своему приложению на основе режима отображения, используя медиа-функцию {{cssxref("@media/display-mode", "display-mode")}}. Это может быть использовано для обеспечения более гладкого перехода для пользователя от загрузки сайта по URL к запуску по иконке на рабочем столе.</p>
</div>
<h2 id="Значения">Значения</h2>
<p>Валидные значения следующие:</p>
<table>
<thead>
<tr>
<th scope="col">Режим отображения</th>
<th scope="col">Описание</th>
<th scope="col">Резервный режим отображения</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>fullscreen</code></td>
<td>Используется все доступное пространство экрана и агент пользователя {{Glossary("chrome")}} не отображается.</td>
<td><code>standalone</code></td>
</tr>
<tr>
<td><code>standalone</code></td>
<td>Приложение будет выглядеть и ощущаться, как отдельное приложение. Это может включать наличие другого окна у приложения, собственной иконки в меню запуска и т.д. В этом режиме агент пользователя будет исключать элементы пользовательского интерфейса (ПИ) для контроля за навигацией, но может включать другие элементы ПИ, такие как статус-бар.</td>
<td><code>minimal-ui</code></td>
</tr>
<tr>
<td><code>minimal-ui</code></td>
<td>Приложение будет выглядеть и ощущаться, как отдельное приложение, но будет иметь минимальный набор элементов ПИ для контроля над навигацией. Элементы будут варьироваться в зависимости от браузера.</td>
<td><code>browser</code></td>
</tr>
<tr>
<td><code>browser</code></td>
<td>Приложение открывается в обычной вкладке браузера или новом окне, в зависимости от браузера и платформы. По умолчанию.</td>
<td>(None)</td>
</tr>
</tbody>
</table>
<h2 id="Пример">Пример</h2>
<pre class="brush: json">"display": "standalone"
</pre>
<h2 id="Specification">Specification</h2>
<table>
<thead>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
<th scope="col">Feedback</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<p>{{SpecName('Manifest', '#display-member', 'display')}}</p>
</td>
<td>
<p>{{Spec2('Manifest')}}</p>
</td>
<td>
<p>Initial definition.</p>
</td>
<td>
<p><a href="https://github.com/w3c/manifest/issues/">Web App Manifest Working Group drafts</a></p>
</td>
</tr>
</tbody>
</table>
<h2 id="Browser_compatibility">Browser compatibility</h2>
<div class="blockIndicator note">
<p><strong>Note:</strong> Firefox version 47 supports only <code>browser</code> value of <code>display</code>; <code>minimal-ui</code>, <code>standalone</code> , and <code>fullscreen</code> were added in Firefox 57.</p>
</div>
<div class="hidden">
<p>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>
</div>
<p>{{Compat("html.manifest.display")}}</p>
|
