diff options
Diffstat (limited to 'files/ru/tools/application/index.html')
-rw-r--r-- | files/ru/tools/application/index.html | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/files/ru/tools/application/index.html b/files/ru/tools/application/index.html new file mode 100644 index 0000000000..357953fe63 --- /dev/null +++ b/files/ru/tools/application/index.html @@ -0,0 +1,37 @@ +--- +title: Приложение +slug: Tools/Application +tags: + - Firefox + - Manifests + - Service Workers + - Отладка + - Приложение + - инструменты разработчика +translation_of: Tools/Application +--- +<div>{{ToolsSidebar}}</div> + +<p><strong>Панель приложений</strong> предоставляет инструменты для проверки и отладки современных веб-приложений (также известных как <a href="https://wiki.developer.mozilla.org/ru/docs/%D0%A1%D0%BB%D0%BE%D0%B2%D0%B0%D1%80%D1%8C/Progressive_web_apps"> Прогрессивные веб приложения</a>). Это включает в себя проверку <a href="/ru/docs/Web/API/Service_Worker_API">service worker API</a> и <a href="/ru/docs/Web/Manifest">манифесты веб-приложений</a>.</p> + +<p><img alt="the firefox application panel zoomed out view showing a picture of two artic foxes" src="https://mdn.mozillademos.org/files/17308/sw-registered.jpg" style="border-style: solid; border-width: 1px; height: 667px; width: 900px;"></p> + +<h2 id="Доступ_к_Панели_приложений">Доступ к Панели приложений</h2> + +<p>Панель приложений доступна в стандартном меню вкладки <em>Инструменты разработчика</em> в разделе <em>Приложение</em> в Firefox 79+. Если вы не видите его там, вы можете включить его, перейдя в меню "три точки" и выбрав пункт Настройки (также доступный нажатием клавиши F1), а затем поставив флажок <em>Приложение</em> в разделе Инструменты разработчика по умолчанию.</p> + +<h2 id="Найти_пример">Найти пример</h2> + +<p>Если вы хотите протестировать эту функциональность и у вас нет удобного PWA, вы можете взять один из наших простых примеров для использования:</p> + +<ul> + <li>Добавить на рабочий стол демо: показывает фотографии лис (<a href="https://github.com/mdn/pwa-examples/tree/master/a2hs">исходный код</a> | <a href="https://mdn.github.io/pwa-examples/a2hs/">live-версия</a>)</li> + <li>Js13kpwa демо: Показывает информацию о заявках на ежегодный конкурс JS13K (<a href="https://github.com/mdn/pwa-examples/tree/master/js13kpwa">исходный код</a> | <a href="https://mdn.github.io/pwa-examples/js13kpwa/">live-версия</a>)</li> +</ul> + +<h2 id="Инструкции">Инструкции</h2> + +<ul> + <li><a href="/en-US/docs/Tools/Application/Service_workers">Debug service workers</a></li> + <li><a href="/en-US/docs/Tools/Application/Manifests">Inspect web app manifests</a></li> +</ul> |