diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:42:52 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:42:52 -0500 |
commit | 074785cea106179cb3305637055ab0a009ca74f2 (patch) | |
tree | e6ae371cccd642aa2b67f39752a2cdf1fd4eb040 /files/ru/web/manifest/display | |
parent | da78a9e329e272dedb2400b79a3bdeebff387d47 (diff) | |
download | translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.gz translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.bz2 translated-content-074785cea106179cb3305637055ab0a009ca74f2.zip |
initial commit
Diffstat (limited to 'files/ru/web/manifest/display')
-rw-r--r-- | files/ru/web/manifest/display/index.html | 122 |
1 files changed, 122 insertions, 0 deletions
diff --git a/files/ru/web/manifest/display/index.html b/files/ru/web/manifest/display/index.html new file mode 100644 index 0000000000..7278265dad --- /dev/null +++ b/files/ru/web/manifest/display/index.html @@ -0,0 +1,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> |