blob: b437948a7db7d9ff148501d13efdac49ca027163 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
|
---
title: Прогрессивные веб-приложения
slug: Web/Progressive_web_apps
tags:
- Веб-приложения
- Приложения
- Прогрессивные веб-приложения
translation_of: Web/Progressive_web_apps
---
<p class="summary">Прогрессивные веб-приложения используют современные веб-API вкупе со стратегией прогрессивного улучшения для создания кросс-платформенных приложений. Такие приложения запускаются везде и обладают рядом характеристик, обеспечивающих пользователей преимуществами, аналогичными тем, что доступны в нативных решениях.</p>
<div class="column-container">
<div class="column-1"> </div>
<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12654/discoverable.svg" style="float: right; height: 40px; width: 38px;">
<p style="font-size: 110%;"><a href="/en-US/docs/Web/Apps/Modern/Discoverable"><strong>Заметные</strong></a></p>
<p style="width: 70%;">Приложения замечаются поисковыми системами.</p>
</div>
<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12656/installable.svg" style="float: right; height: 40px; width: 38px;">
<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Installable">Продвинутые</a></strong></p>
<p style="width: 70%;">Доступные на любых устройствах без нужды в магазине приложений.</p>
</div>
<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12658/linkable.svg" style="float: right; height: 40px; width: 38px;">
<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Linkable">Доступные</a></strong></p>
<p style="width: 70%;">Легко поделиться ими через ссылку.</p>
</div>
<div class="column-1"> </div>
</div>
<div class="column-container">
<div class="column-1"> </div>
<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12660/network-independent.svg" style="float: right; height: 40px; width: 38px;">
<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Network_independent">Независимые</a></strong></p>
<p style="width: 70%;">Работают в офлайне или на низкоскоростных соединениях.</p>
</div>
<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12662/progressive.svg" style="float: right; height: 40px; width: 38px;">
<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Progressive">Передовые</a></strong></p>
<p style="width: 70%;">Работают для любого пользователя.</p>
</div>
</div>
<div class="column-container">
<div class="column-1"> </div>
<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12650/responsive.svg" style="float: right; height: 40px; width: 38px;">
<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Responsive">Отзывчивые</a></strong></p>
<p style="width: 70%;">Помещаются на любой экран: настольный компьютер, смартфон, планшет и т.д.</p>
</div>
<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12664/safe.svg" style="float: right; height: 40px; width: 38px;">
<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Safe">Безопасные</a></strong></p>
<p style="width: 70%;">Специальный способ переноса данных предотвращает кражу информации.</p>
</div>
<p> </p>
<div class="column-1"> </div>
<p> </p>
</div>
<h2 id="Смотрите_также">Смотрите также</h2>
<ul>
<li><a href="https://developers.google.com/web/progressive-web-apps">Передовые веб-приложения (англ.)</a> на Google Developers</li>
</ul>
|
