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 | |
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')
19 files changed, 1745 insertions, 0 deletions
diff --git a/files/ru/web/manifest/background_color/index.html b/files/ru/web/manifest/background_color/index.html new file mode 100644 index 0000000000..25da0d77ce --- /dev/null +++ b/files/ru/web/manifest/background_color/index.html @@ -0,0 +1,77 @@ +--- +title: background_color +slug: Web/Manifest/background_color +tags: + - Manifest + - Web + - background_color +translation_of: Web/Manifest/background_color +--- +<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"> +"background_color": "red"</pre> + </td> + </tr> + </tbody> +</table> + +<p><code>background_color</code> определяет ожидаемый цвет фона для веб-приложения. Это значение повторяет то, что уже доступно в стилях приложения, но может быть использовано браузерами для отрисовки цвета фона приложения после того, как манифест станет доступен, но до того, как стили загрузятся. Это создает плавный переход между запуском приложения и загрузкой содержимого приложения.</p> + +<p>Therefore <code>background_color</code> should match the {{cssxref("background-color")}} CSS property in the site’s stylesheet for a smooth transition between launching the web application and loading the site's content.</p> + +<div class="blockIndicator note"> +<p><strong>Заметка</strong>: Свойство <code>background_color</code> предназначено только для улучшения удобства пользования, пока главная таблица стилей загружается из сети или с носителя; не должно быть использовано агентом пользователя как свойство CSS {{cssxref('background-color')}}, когда стили приложения станут доступны.</p> +</div> + +<h2 id="Пример">Пример</h2> + +<pre class="brush: json" dir="rtl"><code>"background_color": "red"</code></pre> + +<h2 id="Спецификации">Спецификации</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Спецификация</th> + <th scope="col">Статус</th> + <th scope="col">Комментарий</th> + <th scope="col">Feedback</th> + </tr> + </thead> + <tbody> + <tr> + <td> + <p>{{SpecName('Manifest', '#background_color-member', 'background_color')}}</p> + </td> + <td> + <p>{{Spec2('Manifest')}}</p> + </td> + <td> + <p>Первоначальное определение</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="Совместимость">Совместимость</h2> + + + +<p>{{Compat("html.manifest.background_color")}}</p> diff --git a/files/ru/web/manifest/categories/index.html b/files/ru/web/manifest/categories/index.html new file mode 100644 index 0000000000..149e413600 --- /dev/null +++ b/files/ru/web/manifest/categories/index.html @@ -0,0 +1,82 @@ +--- +title: categories +slug: Web/Manifest/categories +tags: + - Manifest + - Web + - categories +translation_of: Web/Manifest/categories +--- +<div>{{QuickLinksWithSubpages("/ru/docs/Web/Manifest")}}</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row">Type</th> + <td><code>Array</code> of <code>String</code>s</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"> +"categories": ["music"]</pre> + </td> + </tr> + </tbody> +</table> + +<p><dfn><code>categories</code></dfn> - это массив строк, определяющих имена категорий, к которым, предположительно, относится приложение. Нет стандартного списка возможных значений, но W3C поддерживает <a href="https://github.com/w3c/manifest/wiki/Categories">список известных категорий</a>.</p> + +<div class="blockIndicator note"> +<p><strong>Note:</strong> <code>categories</code> используются только в качестве подсказок для каталогов или магазинов, содержащих веб-приложения. Как и поисковые системы и meta ключевые слова, каталоги и магазины могут игнорировать их.</p> +</div> + +<div class="blockIndicator note"> +<p><strong>Note: </strong>значения <code>categories</code> изменяются в каталогах и магазинах перед обработкой на нижний регистр, поэтому «Новости» и «новости» рассматриваются как одно и то же значение. Разработчикам рекомендуется использовать строчные буквы в первую очередь.</p> +</div> + +<h2 id="Пример">Пример</h2> + +<pre class="brush: json">"categories": ["books", "education", "medical"] +</pre> + +<h2 id="Specification">Specification</h2> + +<table class="fullwidth-table standard-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', '#categories-member', 'categories')}}</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="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.categories")}}</p> diff --git a/files/ru/web/manifest/description/index.html b/files/ru/web/manifest/description/index.html new file mode 100644 index 0000000000..db2787bb52 --- /dev/null +++ b/files/ru/web/manifest/description/index.html @@ -0,0 +1,81 @@ +--- +title: description +slug: Web/Manifest/description +tags: + - Manifest + - Web + - description +translation_of: Web/Manifest/description +--- +<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"> +"description": "Удивительное приложение, которое поможет вам достичь вашей мечты."</pre> + </td> + </tr> + </tbody> +</table> + +<p><dfn><code>description</code></dfn> это строка, в которой разработчики могут объяснить, что делает приложение. <code>description</code> способно к направленности, что означает, что оно может отображаться слева направо или справа налево на основе значений свойств <code><a href="./dir">dir</a></code> and <code><a href="./lang">lang</a></code> манифеста.</p> + +<h2 id="Примеры">Примеры</h2> + +<p>Простой <code>description</code> на языке слева направо:</p> + +<pre class="brush: json">"description": "Удивительное приложение, которое поможет вам достичь вашей мечты."</pre> + +<p><code>description</code> на арабском языке, который будет отображаться справа налево:</p> + +<pre class="brush: json" dir="rtl"><code>"dir": "rtl", +"lang": "ar", +"</code>description<code>": ".تطبيق رائع سيساعدك على تحقيق أحلامك"</code></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', '#description-member', 'description')}}</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="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.description")}}</p> diff --git a/files/ru/web/manifest/dir/index.html b/files/ru/web/manifest/dir/index.html new file mode 100644 index 0000000000..c7798629be --- /dev/null +++ b/files/ru/web/manifest/dir/index.html @@ -0,0 +1,95 @@ +--- +title: dir +slug: Web/Manifest/dir +tags: + - Manifest + - Web + - dir +translation_of: Web/Manifest/dir +--- +<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"> +"dir": "auto"</pre> + </td> + </tr> + </tbody> +</table> + +<p>Базовое направление, в котором отображаются направленные элементы манифеста. Вместе с <code><a href="./lang">lang</a></code>, позволяет корректно отобразить языки, читающиеся справа налево.</p> + +<p><code>dir</code> может быть одним из следующих значений:</p> + +<ul> + <li><code>"auto"</code> — направление текста определяется агентом пользователя</li> + <li><code>"ltr"</code> — слева направо</li> + <li><code>"rtl"</code> — справа налево</li> +</ul> + +<p>Направленные свойства:</p> + +<ul> + <li><code><a href="./name">name</a></code></li> + <li><code><a href="./short_name">short_name</a></code></li> + <li><code><a href="./description">description</a></code></li> +</ul> + +<div class="blockIndicator note"> +<p><strong>Заметка</strong>: Если значение опущено или установлено в <code>auto</code>, браузер будет использовать <a href="https://developer.mozilla.org/ru/docs/Web/Localization/Unicode_Bidirectional_Text_Algorithm">двунаправленный алгоритм Unicode</a>, чтобы сделать наилучшее предположение о направлении текста.</p> +</div> + +<h2 id="Пример">Пример</h2> + +<pre class="brush: json" dir="rtl"><code>"dir": "rtl", +"lang": "ar", +"short_name": "!أنا من التطبيق"</code></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', '#dir-member', 'dir')}}</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="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.dir")}}</p> 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> diff --git a/files/ru/web/manifest/iarc_rating_id/index.html b/files/ru/web/manifest/iarc_rating_id/index.html new file mode 100644 index 0000000000..188472ad28 --- /dev/null +++ b/files/ru/web/manifest/iarc_rating_id/index.html @@ -0,0 +1,85 @@ +--- +title: iarc_rating_id +slug: Web/Manifest/iarc_rating_id +tags: + - Manifest + - Web + - iarc_rating_id +translation_of: Web/Manifest/iarc_rating_id +--- +<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"> +"iarc_rating_id": "e84b072d-71b3-4d3e-86ae-31a8ce4e53b7"</pre> + </td> + </tr> + </tbody> +</table> + +<p><dfn><code>iarc_rating_id</code></dfn> - это строка, представляющая <a href="https://www.globalratings.com/">Международной коалиции возрастных рейтингов (IARC)</a> код сертификации веб-приложения. Он предназначен для определения возраста, для которого подходит веб-приложение.</p> + +<div class="blockIndicator note"> +<p><strong>Note</strong>: The same code can be shared across multiple participating storefronts, as long as the distributed product remains the same (i.e., doesn’t serve totally different code paths on different storefronts).</p> +</div> + +<h2 id="Пример">Пример</h2> + +<pre class="brush: json" dir="rtl">"iarc_rating_id": "e84b072d-71b3-4d3e-86ae-31a8ce4e53b7" +</pre> + +<h2 id="Specification">Specification</h2> + +<table class="fullwidth-table standard-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', '#iarc_rating_id-member', 'iarc_rating_id')}}</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="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.iarc_rating_id")}}</p> + +<h2 id="See_also">See also</h2> + +<ul> + <li><a href="https://www.globalratings.com/how-iarc-works.aspx">How IARC Works</a></li> + <li><a href="https://www.globalratings.com/for-developers.aspx">How developers can get their games and apps rated with IARC</a></li> +</ul> diff --git a/files/ru/web/manifest/icons/index.html b/files/ru/web/manifest/icons/index.html new file mode 100644 index 0000000000..e9ba3bfe32 --- /dev/null +++ b/files/ru/web/manifest/icons/index.html @@ -0,0 +1,140 @@ +--- +title: icons +slug: Web/Manifest/icons +tags: + - Icons + - Manifest + - Web +translation_of: Web/Manifest/icons +--- +<div>{{QuickLinksWithSubpages('/ru/docs/Web/Manifest')}}</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row">Type</th> + <td><code>Array</code></td> + </tr> + <tr> + <th scope="row">Mandatory</th> + <td>Yes</td> + </tr> + <tr> + <th scope="row">Example</th> + <td> + <pre class="brush: json no-line-numbers"> +"icons": [ + { + "src": "icon.webp", + "sizes": "48x48", + "type": "image/webp" + } +]</pre> + </td> + </tr> + </tbody> +</table> + +<p><code>icons</code> Определяет массив объектов изображений, которые могут использованы как иконки приложения в различных контекстах. К примеру, они могут быть использованы для представления приложения среди списка других приложений или для интеграции его с переключателем задач <abbr title="операционная система">ОС</abbr> и/или настроек системы.</p> + +<h2 id="Примеры">Примеры</h2> + +<pre class="brush: json">"icons": [ + { + "src": "icon/lowres.webp", + "sizes": "48x48", + "type": "image/webp" + }, + { + "src": "icon/lowres", + "sizes": "48x48" + }, + { + "src": "icon/hd_hi.ico", + "sizes": "72x72 96x96 128x128 256x256" + }, + { + "src": "icon/hd_hi.svg", + "sizes": "72x72" + } +]</pre> + +<h2 id="Значения">Значения</h2> + +<p>Объекты изображений могут содержать следующие значения:</p> + +<table class="fullwidth-table standard-table"> + <thead> + <tr> + <th scope="col">Параметр</th> + <th scope="col">Описание</th> + </tr> + </thead> + <tbody> + <tr> + <td><code>sizes</code></td> + <td>Строка, содержащая разделенные пробелами размеры изображения.</td> + </tr> + <tr> + <td><code>src</code></td> + <td>Путь к файлу изображения. Если <code>src</code> является относительным URL, основным URL будет URL манифеста.</td> + </tr> + <tr> + <td><code>type</code></td> + <td> + <p>Служит для определения медиа-типа изображения.Цель свойства позволить агенту пользователя быстро проигнорировать изображения медиа-типа, который он не поддерживает.</p> + </td> + </tr> + <tr> + <td>purpose</td> + <td> + <p>Определяет назначение изображения, например, если изображение предназначено для каких-то особых целей в контексте ОС (т. е. для лучшей интеграции)</p> + + <p><a href="https://w3c.github.io/manifest/#purpose-member"><code>purpose</code></a> может иметь одно из следующих значений:</p> + + <ul> + <li><code>badge</code>: Пользовательский агент может представить этот значок там, где ограничения пространства и/или требования к цвету отличаются от таковых для значка приложения.</li> + <li><code>maskable</code>: Изображение разработано с учетом <a href="https://w3c.github.io/manifest/#icon-masks">масок значков и безопасной зоны</a>, так что пользовательский агент может безопасно игнорировать и маскировать любую часть изображения за пределами безопасной зоны.</li> + <li><code>any</code>: Пользовательский агент может отображать значок в любом контексте (это значение по умолчанию).</li> + </ul> + </td> + </tr> + </tbody> +</table> + +<h2 id="Specifications">Specifications</h2> + +<table class="fullwidth-table standard-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', '#icons-member', 'icons')}}</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="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.icons")}}</p> diff --git a/files/ru/web/manifest/index.html b/files/ru/web/manifest/index.html new file mode 100644 index 0000000000..1a7eb8beb4 --- /dev/null +++ b/files/ru/web/manifest/index.html @@ -0,0 +1,111 @@ +--- +title: Web App Manifest +slug: Web/Manifest +tags: + - App + - Manifest + - Reference + - Web +translation_of: Web/Manifest +--- +<div>{{QuickLinksWithSubpages('/ru/docs/Web/Manifest')}}</div> + +<div>{{SeeCompatTable}}</div> + +<p><strong>Манифесты веб-приложений</strong> являются частью набора веб-технологий, называемых <a href="/ru/docs/Web/Apps/Progressive">прогрессивными веб-приложениями</a> (PWA, progressive web apps), представляющими собой веб-сайты, которые можно установить на домашний экран устройства без магазина приложений. В отличие от обычных веб-приложений с простыми ссылками на домашний экран или закладками, PWA можно загружать заранее и работать в автономном режиме, а также использовать обычные {{domxref('','Web API')}}.</p> + +<p>Манифест веб-приложения предоставляет информацию о приложении в текстовом файле {{glossary ("JSON")}}, который необходим того, чтобы веб-приложение было загружено и отображалось пользователю аналогично нативному приложению (например, для установки на домашний экран устройства, предоставляющий пользователям более быстрый доступ и больше возможностей).</p> + +<div class="hidden"> +<p>Can PWA manifest contain comments?<br> + It is a <a href="/en-US/docs/Glossary/JSON">JSON</a>-formatted file, with one exception: it is allowed to contain "<code>//</code>"-style comments.</p> +</div> + +<h2 id="Deploying_a_manifest_with_the_link_tag" name="Deploying_a_manifest_with_the_link_tag">Содержимое манифеста</h2> + +<p>Манифест может содержать следующие элементы:</p> + +<p>{{ListSubpages("/ru/docs/Web/Manifest")}}</p> + +<h2 id="Deploying_a_manifest_with_the_link_tag" name="Deploying_a_manifest_with_the_link_tag">Пример манифеста</h2> + +<pre class="brush: json">{ + "name": "HackerWeb", + "short_name": "HackerWeb", + "start_url": ".", + "display": "standalone", +<span class="pl-s"><span class="pl-pds"> "</span>background_color<span class="pl-pds">"</span></span>: <span class="pl-s"><span class="pl-pds">"</span>#fff<span class="pl-pds">"</span></span>, + "description": "A simply readable Hacker News app.", + "icons": [{ + "src": "images/touch/homescreen48.png", + "sizes": "48x48", + "type": "image/png" + }, { + "src": "images/touch/homescreen72.png", + "sizes": "72x72", + "type": "image/png" + }, { + "src": "images/touch/homescreen96.png", + "sizes": "96x96", + "type": "image/png" + }, { + "src": "images/touch/homescreen144.png", + "sizes": "144x144", + "type": "image/png" + }, { + "src": "images/touch/homescreen168.png", + "sizes": "168x168", + "type": "image/png" + }, { + "src": "images/touch/homescreen192.png", + "sizes": "192x192", + "type": "image/png" + }], + "related_applications": [{ + "platform": "web" + }, { + "platform": "play", + "url": "https://play.google.com/store/apps/details?id=cheeaun.hackerweb" + }] +}</pre> + +<h2 id="Deploying_a_manifest_with_the_link_tag" name="Deploying_a_manifest_with_the_link_tag">Внедрение манифеста</h2> + +<p>Манифест веб-приложения внедряется в вашу HTML-страницу, с помощью тега ссылки в заголовке вашего документа:</p> + +<div class="highlight"> +<pre><code class="language-html"><span class="nt"><link</span> <span class="na">rel=</span><span class="s">"manifest"</span> <span class="na">href=</span><span class="s">"/manifest.webmanifest"</span><span class="nt">></span></code></pre> +</div> + +<div class="note"> +<p><strong>Note</strong>: Расширение <code>.webmanifest</code> указывается в разделе спецификации <a href="https://w3c.github.io/manifest/#media-type-registration">Media type registration</a> section of the specification (ответ файла манифеста должен возвращать <code>Content-Type: application/manifest+json</code>). Браузеры обычно поддерживают манифесты с другими соответствующими расширениями, такими как <code>.json</code> (<code>Content-Type: application/json</code>).</p> +</div> + +<div class="note"> +<p><strong>Note</strong>: Если для получения манифеста требуются учетные данные - атрибут <code><a href="/en-US/docs/Web/HTML/CORS_settings_attributes">crossorigin</a></code> должен иметь значение <code>"use-credentials"</code>, даже если файл манифеста находится в том же источнике, что и текущая страница.</p> +</div> + +<h2 id="Заставки">Заставки</h2> + +<p>В Chrome 47 и более поздних версиях заставки отображаются при загрузке веб-приложения с домашнего экрана. Эти заставки автоматически генерируются с использованием свойств, указанных в манифесте приложения, например: <code>name</code>, <code>background_color</code> и иконки в массиве <code>icons,</code> которые ближе к 128dpi для устройства.</p> + +<h2 id="Спецификации">Спецификации</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Спецификация</th> + <th scope="col">Статус</th> + <th scope="col">Комментарий</th> + </tr> + <tr> + <td>{{SpecName('Manifest')}}</td> + <td>{{Spec2('Manifest')}}</td> + <td>Initial definition.</td> + </tr> + </tbody> +</table> + +<h2 id="Поддержка_браузерами">Поддержка браузерами</h2> + +<div>{{Compat("html.manifest")}}</div> diff --git a/files/ru/web/manifest/lang/index.html b/files/ru/web/manifest/lang/index.html new file mode 100644 index 0000000000..bc0fecb593 --- /dev/null +++ b/files/ru/web/manifest/lang/index.html @@ -0,0 +1,73 @@ +--- +title: lang +slug: Web/Manifest/lang +tags: + - Manifest + - Web + - lang +translation_of: Web/Manifest/lang +--- +<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"> +"lang": "en-US"</pre> + </td> + </tr> + </tbody> +</table> + +<p><dfn><code>lang</code></dfn> является строкой, содержащей единственный <a href="../HTML/Global_attributes/lang">языковой тег</a>. Он определяет основной язык для значений направленных свойств манифеста, и вместе с <code><a href="./dir">dir</a></code> определяет их направленность.</p> + +<h2 id="Пример">Пример</h2> + +<pre class="brush: json" dir="rtl">"lang": "en-US"</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', '#lang-member', 'lang')}}</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="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.lang")}}</p> diff --git a/files/ru/web/manifest/name/index.html b/files/ru/web/manifest/name/index.html new file mode 100644 index 0000000000..4be2e6411d --- /dev/null +++ b/files/ru/web/manifest/name/index.html @@ -0,0 +1,81 @@ +--- +title: name +slug: Web/Manifest/name +tags: + - Manifest + - Web + - name +translation_of: Web/Manifest/name +--- +<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>Yes</td> + </tr> + <tr> + <th scope="row">Example</th> + <td> + <pre class="brush: json no-line-numbers"> +"name": "Awesome application"</pre> + </td> + </tr> + </tbody> +</table> + +<p><dfn><code>name</code></dfn> - это строка, которая представляет имя веб-приложения, как оно обычно отображается пользователю (например, среди списка других приложений или в качестве метки для значка). <code>name</code> поддерживает направленность, что означает, что оно может отображаться слева направо или справа налево в зависимости от значений свойств манифеста <code><a href="./dir">dir</a></code> и <code><a href="./lang">lang</a></code>.</p> + +<h2 id="Примеры">Примеры</h2> + +<p>Простое <code>name</code> на языке слева направо:</p> + +<pre class="brush: json">"name": "Потрясающее приложение"</pre> + +<p><code>name</code> справа налево на арабском:</p> + +<pre class="brush: json" dir="rtl"><code>"dir": "rtl", +"lang": "ar", +"name": "!أنا من التطبيق"</code></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', '#name-member', 'name')}}</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="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.name")}}</p> diff --git a/files/ru/web/manifest/orientation/index.html b/files/ru/web/manifest/orientation/index.html new file mode 100644 index 0000000000..eae33e0614 --- /dev/null +++ b/files/ru/web/manifest/orientation/index.html @@ -0,0 +1,99 @@ +--- +title: orientation +slug: Web/Manifest/orientation +tags: + - Manifest + - Orientation + - Web +translation_of: Web/Manifest/orientation +--- +<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"> +"orientation": "portrait-primary"</pre> + </td> + </tr> + </tbody> +</table> + +<p><code>orientation</code> определяет ориентацию по умолчанию для всех верхних уровней {{Glossary("Browsing context", "контекстов браузера")}} приложения.</p> + +<ul> +</ul> + +<div class="blockIndicator note"> +<p><strong>Note:</strong> <code>orientation</code> и/или его конкретные значения могут не поддерживаться пользовательским агентом в различных режимах отображения, поскольку их поддержка не имеет смысла для конкретного контекста.</p> +</div> + +<div class="blockIndicator note"> +<p><strong>Note:</strong> Ориентация может быть изменена во время выполнения через {{domxref('Screen/orientation', 'API Ориентации экрана')}}.</p> +</div> + +<h2 id="Значения">Значения</h2> + +<p><code>orientation</code> может иметь одно из следующих значений:</p> + +<ul> + <li><code>any</code></li> + <li><code>natural</code></li> + <li><code>landscape</code></li> + <li><code>landscape-primary</code></li> + <li><code>landscape-secondary</code></li> + <li><code>portrait</code></li> + <li><code>portrait-primary</code></li> + <li><code>portrait-secondary</code></li> +</ul> + +<h2 id="Пример">Пример</h2> + +<pre class="brush: json" dir="rtl"><code>"orientation": "portrait-primary"</code></pre> + +<h2 id="Specifications">Specifications</h2> + +<table class="fullwidth-table standard-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', '#orientation-member', 'orientation')}}</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="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.orientation")}}</p> diff --git a/files/ru/web/manifest/prefer_related_applications/index.html b/files/ru/web/manifest/prefer_related_applications/index.html new file mode 100644 index 0000000000..45322e5da7 --- /dev/null +++ b/files/ru/web/manifest/prefer_related_applications/index.html @@ -0,0 +1,76 @@ +--- +title: prefer_related_applications +slug: Web/Manifest/prefer_related_applications +tags: + - Manifest + - Web + - prefer_related_applications +translation_of: Web/Manifest/prefer_related_applications +--- +<div>{{QuickLinksWithSubpages('/ru/docs/Web/Manifest')}}</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row">Type</th> + <td><code>Boolean</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"> +"prefer_related_applications": true</pre> + </td> + </tr> + </tbody> +</table> + +<p><dfn><code>prefer_related_applications</code></dfn> является значением типа <code>boolean</code>, которое указывает, что приложения, перечисленные в <code><a href="./related_applications">related_applications</a></code>, должны быть предпочтительнее веб-приложения. Если для <code>prefer_related_applications</code> установлено значение <code>true</code>, пользовательский агент может предложить установить одно из связанных приложений вместо этого веб-приложения.</p> + +<p>Если опущено, <dfn><code>prefer_related_applications</code></dfn> по умолчанию <code>false</code>.</p> + +<h2 id="Пример">Пример</h2> + +<pre class="brush: json">"prefer_related_applications": true +</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', '#prefer_related_applications-member', 'prefer_related_applications')}}</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="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.prefer_related_applications")}}</p> diff --git a/files/ru/web/manifest/related_applications/index.html b/files/ru/web/manifest/related_applications/index.html new file mode 100644 index 0000000000..d2a9675c31 --- /dev/null +++ b/files/ru/web/manifest/related_applications/index.html @@ -0,0 +1,113 @@ +--- +title: related_applications +slug: Web/Manifest/related_applications +tags: + - Manifest + - Web + - related_applications +translation_of: Web/Manifest/related_applications +--- +<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"> +"related_applications": [ + { + "platform": "play", + "url": "https://play.google.com/store/apps/details?id=com.example.app1", + "id": "com.example.app1" + } +]</pre> + </td> + </tr> + </tbody> +</table> + +<p>Поле <code>related_applications</code> field is an array of objects specifying native applications that are installable by, or accessible to, the underlying platform — for example, a native Android application obtainable through the Google Play Store. Предполагается, что такие приложения являются альтернативами веб-сайту манифеста, который предоставляет аналогичные/эквивалентные функции - как эквивалент нативного приложения.</p> + +<div class="blockIndicator note"> +<p><strong>Note:</strong> Разработчик может указать, что нативные приложения предпочтительнее, чем веб-приложение, установив значение <code>prefer_related_applications</code> в <code>true</code>.</p> +</div> + +<h2 id="Пример">Пример</h2> + +<pre class="brush: json"><code>"related_applications": [ + { + "platform": "play", + "url": "https://play.google.com/store/apps/details?id=com.example.app1", + "id": "com.example.app1" + }, { + "platform": "itunes", + "url": "https://itunes.apple.com/app/example-app1/id123456789" + } +]</code></pre> + +<h2 id="Значения">Значения</h2> + +<p>Объекты приложения могут содержать следующие значения:</p> + +<table> + <thead> + <tr> + <th scope="col">Свойство</th> + <th scope="col">Описание</th> + </tr> + </thead> + <tbody> + <tr> + <td><code>platform</code></td> + <td>Платформа, на которой может быть найдено приложение. <a href="https://github.com/w3c/manifest/wiki/Platforms">List of available values</a></td> + </tr> + <tr> + <td><code>url</code></td> + <td>URL, по которому может быть найдено приложение.</td> + </tr> + <tr> + <td><code>id</code></td> + <td>ID, используемое для представления приложения на определенной платформе.</td> + </tr> + </tbody> +</table> + +<h2 id="Specification">Specification</h2> + +<table class="fullwidth-table standard-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>{{SpecName('Manifest', '#related_applications-member', 'related_applications')}}</td> + <td> + <p>{{Spec2('Manifest')}}</p> + </td> + <td>Initial definition.</td> + <td><a href="https://github.com/w3c/manifest/issues/">Web App Manifest Working Group drafts</a></td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility">Browser compatibility</h2> + +<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.related_applications")}}</p> diff --git a/files/ru/web/manifest/scope/index.html b/files/ru/web/manifest/scope/index.html new file mode 100644 index 0000000000..fc23de8adc --- /dev/null +++ b/files/ru/web/manifest/scope/index.html @@ -0,0 +1,88 @@ +--- +title: scope +slug: Web/Manifest/scope +tags: + - Manifest + - Web + - scope +translation_of: Web/Manifest/scope +--- +<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"> +"scope": "/app/"</pre> + </td> + </tr> + </tbody> +</table> + +<p>Определяет область навигации контекста веб-приложения. Обычно ограничивается тем, какая веб-страница может быть просмотрена, пока манифест загружается. Если пользователь выходит за пределы области, приложение возвращается к нормальному виду веб-страницы.</p> + +<p>Если область относительный URL, базовым URL будет URL манифеста.</p> + +<h2 id="Примеры">Примеры</h2> + +<p>Если область относительная, URL манифеста используется как базовый URL:</p> + +<pre class="brush: json">"scope": "/app/" +</pre> + +<p>Следующая область ограничивает навигацию текущим сайтом:</p> + +<pre class="brush: json">"scope": "https://example.com/" +</pre> + +<p>Наконец, в следующем примере навигация ограничена подкаталогом текущего сайта:</p> + +<pre class="brush: json">"scope": "https://example.com/subdirectory/" +</pre> + +<h2 id="Specification">Specification</h2> + +<table class="fullwidth-table standard-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', '#scope-member', 'scope')}}</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="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.scope")}}</p> diff --git a/files/ru/web/manifest/screenshots/index.html b/files/ru/web/manifest/screenshots/index.html new file mode 100644 index 0000000000..4b91fbcdd4 --- /dev/null +++ b/files/ru/web/manifest/screenshots/index.html @@ -0,0 +1,90 @@ +--- +title: screenshots +slug: Web/Manifest/screenshots +tags: + - Manifest + - Screenshots + - Web +translation_of: Web/Manifest/screenshots +--- +<div>{{QuickLinksWithSubpages("/ru/docs/Web/Manifest")}}</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row">Type</th> + <td><code>Object</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"> +"screenshots": [ + { + "src": "screenshot.webp", + "sizes": "1280x720", + "type": "image/webp" + } +]</pre> + </td> + </tr> + </tbody> +</table> + +<p><code>screenshots</code> определяет массив снимков экрана, предназначенных для демонстрации приложения. Эти изображения предназначены для использования в прогрессивных веб-приложениях магазинов.</p> + +<h2 id="Пример">Пример</h2> + +<pre class="brush: json">"screenshots" : [ + { + "src": "screenshot1.webp", + "sizes": "1280x720", + "type": "image/webp" + }, + { + "src": "screenshot2.webp", + "sizes": "1280x720", + "type": "image/webp" + } +]</pre> + +<h2 id="Specifications">Specifications</h2> + +<table class="fullwidth-table standard-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', '#screenshots-member', 'screenshots')}}</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="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.screenshots")}}</p> diff --git a/files/ru/web/manifest/serviceworker/index.html b/files/ru/web/manifest/serviceworker/index.html new file mode 100644 index 0000000000..11681a7060 --- /dev/null +++ b/files/ru/web/manifest/serviceworker/index.html @@ -0,0 +1,91 @@ +--- +title: serviceworker +slug: Web/Manifest/serviceworker +tags: + - Manifest + - ServiceWorker + - Web +translation_of: Web/Manifest/serviceworker +--- +<div>{{QuickLinksWithSubpages("/ru/docs/Web/Manifest")}}</div> + +<div>{{obsolete_header}}</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row">Type</th> + <td><code>Object</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"> +"serviceworker": { + "src": "./serviceworker.js" +}</pre> + </td> + </tr> + </tbody> +</table> + +<p><dfn><code>serviceworker</code></dfn> описывает {{domxref('Service_Worker_API', 'рабочий сервис')}}, который разработчик намеревается установить для управления PWA.</p> + +<h2 id="Examples">Examples</h2> + +<pre class="brush: json">"serviceworker": { + "src": "./serviceworker.js", + "scope": "/app", + "type": "", + "update_via_cache": "none" +} +</pre> + +<h2 id="Значения">Значения</h2> + +<p>Сервисный работник может содержать следующие значения (требуется только src):</p> + +<table class="fullwidth-table standard-table"> + <thead> + <tr> + <th scope="col">Параметр</th> + <th scope="col">Описание</th> + </tr> + </thead> + <tbody> + <tr> + <td><code>src</code></td> + <td> + <p>URL-адрес для загрузки сценария рабочего сервиса. Это единственный обязательный параметр для <code>serviceworker</code>.</p> + </td> + </tr> + <tr> + <td><code>scope</code></td> + <td> + <p>Строка, представляющая URL, который определяет область регистрации рабочего сервиса; то есть, какой диапазон URL-адресов может контролировать рабочий сервис. Обычно это относительный URL-адрес, относительно базового URL-адреса приложения. По умолчанию в качестве области действия для регистрации рабочего сервиса задан каталог, в котором находится сценарий рабочий сервис.</p> + </td> + </tr> + <tr> + <td><code>type</code></td> + <td>?</td> + </tr> + <tr> + <td><code>update_via_cache</code></td> + <td> + <p>Нужно ли обходить кэш пользовательского агента при получении рабочего сервиса.</p> + </td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility">Browser compatibility</h2> + +<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.serviceworker")}}</p> diff --git a/files/ru/web/manifest/short_name/index.html b/files/ru/web/manifest/short_name/index.html new file mode 100644 index 0000000000..a11e2e2664 --- /dev/null +++ b/files/ru/web/manifest/short_name/index.html @@ -0,0 +1,80 @@ +--- +title: short_name +slug: Web/Manifest/short_name +tags: + - Manifest + - Web + - short-name +translation_of: Web/Manifest/short_name +--- +<div>{{QuickLinksWithSubpages("/ru/docs/Web/Manifest")}}</div> + +<table class="fullwidth-table standard-table"> + <tbody> + <tr> + <th scope="row">Тип</th> + <td><code>String</code></td> + </tr> + <tr> + <th scope="row">Обязателен</th> + <td>Нет</td> + </tr> + <tr> + <th scope="row">Пример</th> + <td> + <pre class="brush: json"> +"short_name": "Awesome app"</pre> + </td> + </tr> + </tbody> +</table> + +<p>Элемент <code>short_<dfn>name</dfn></code> -- это строка, которая определяет название веб-приложения показываемае пользователю, если для отображения <code><a href="./name">name</a></code> не достаточно места (например, в качестве надписи под иконкой приложения на экране телефона). <code>short_name</code> может отображаться слева-направо или справе-налево, в зависимости от значений элементов манифеста <code><a href="./dir">dir</a></code> and <code><a href="./lang">lang</a></code>.</p> + +<h2 id="Примеры">Примеры</h2> + +<p>Обычно <code>short_name</code> отображается слева-направо:</p> + +<pre class="brush: json">"name": "Awesome application", +"short_name": "Awesome app"</pre> + +<p><code>short_name</code> на арабском отображается справа-налево:</p> + +<pre class="brush: json" dir="rtl"><code>"dir": "rtl", +"lang": "ar", +"nam</code>e": "تطبيق رائع", +"short_name": "رائع" +</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', '#short_name-member', 'short_name')}}</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="Поддержка_браузерами">Поддержка браузерами</h2> + +<p>{{Compat("html.manifest.name")}}</p> diff --git a/files/ru/web/manifest/start_url/index.html b/files/ru/web/manifest/start_url/index.html new file mode 100644 index 0000000000..46a76fb058 --- /dev/null +++ b/files/ru/web/manifest/start_url/index.html @@ -0,0 +1,87 @@ +--- +title: start_url +slug: Web/Manifest/start_url +tags: + - Manifest + - Web + - start_url +translation_of: Web/Manifest/start_url +--- +<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"> +"start_url": "https://example.com"</pre> + </td> + </tr> + </tbody> +</table> + +<p><dfn><code>start_url</code></dfn> является строкой, представляющей начальный URL-адрес веб-приложения — tпредпочтительный URL-адрес, который должен быть загружен при запуске пользователем веб-приложения (например, когда пользователь нажимает на значок веб-приложения в меню приложений или на домашнем экране).</p> + +<div class="blockIndicator note"> +<p><strong>Note:</strong> <code>start_url</code> носит чисто рекомендательный характер, и пользовательский агент может его игнорировать или разрешить пользователю изменять его во время установки или после.</p> +</div> + +<h2 id="Примеры">Примеры</h2> + +<h3 id="Absolute_URL">Absolute URL</h3> + +<pre class="brush: json" dir="rtl"><code>"start_url": "https://example.com"</code> +</pre> + +<h3 id="Relative_URL">Relative URL</h3> + +<p>Если URL является относительным, для его разрешения используется URL манифеста.</p> + +<pre class="brush: json" dir="rtl"><code>"start_url": "../startpoint.html"</code> +</pre> + +<h2 id="Specifications">Specifications</h2> + +<table class="fullwidth-table standard-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', '#start_url-member', 'start_url')}}</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="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.start_url")}}</p> diff --git a/files/ru/web/manifest/theme_color/index.html b/files/ru/web/manifest/theme_color/index.html new file mode 100644 index 0000000000..7536102ca6 --- /dev/null +++ b/files/ru/web/manifest/theme_color/index.html @@ -0,0 +1,74 @@ +--- +title: theme_color +slug: Web/Manifest/theme_color +tags: + - Manifest + - Web + - theme_color +translation_of: Web/Manifest/theme_color +--- +<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"> +"theme_color": "red"</pre> + </td> + </tr> + </tbody> +</table> + +<p><code>theme_color</code> о<span style="font-size: 1rem; letter-spacing: -0.00278rem;">пределяет цвет темы по умолчанию для приложения. Иногда влияет на то, как приложение отображается ОС (например, в переключателе задач Android цвет темы окружает приложение).</span></p> + +<h2 id="Пример">Пример</h2> + +<pre class="brush: json">"theme_color": "red" +</pre> + +<h2 id="Specification">Specification</h2> + +<table class="fullwidth-table standard-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', '#theme_color-member', 'theme_color')}}</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="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.theme_color")}}</p> |