--- 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> <p>{{Compat}}</p>