---
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>