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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
|
---
title: Web Uygulama Bildirisi
slug: Web/Bildiri
tags:
- Ağ
- Bildiri
- Süreğen Ağ Uygulamaları
- Uygulama
translation_of: Web/Manifest
---
<p>Web uygulama bildirisi uygulamayla ilgili bilgiler (ad, yazar, açıklama...) veren bir JSON dosyasıdır. </p>
<p>Web uygulama bildirileri <a href="https://developer.mozilla.org/en-US/docs/Web/Apps/Progressive/Introduction">süreğen ağ uygulamaları </a>için belirlenen ölçünlerin bir parçasıdır. </p>
<h2 id="Deploying_a_manifest_with_the_link_tag" name="Deploying_a_manifest_with_the_link_tag">Belgeye çağırmak</h2>
<p>Web uygulama bildirileri HTML belgesindeki <a href="/en-US/docs/Web/HTML/Element/head">head</a> bölümüne <a href="/en-US/docs/Web/HTML/Element/link">link ögesi</a> eklenerek çağrılır.</p>
<pre class="brush: html"><link rel="manifest" href="/bildiri.webmanifest"></pre>
<div class="note">
<p><strong>Bilgi</strong>: <code>.webmanifest</code> uzantısı bildirgedeki <a href="https://w3c.github.io/manifest/#media-type-registration">Ortam türü kaydı</a> bölümünde bildirilmiştir ama tarayıcılar genellikle diğer uygun uzantıları (<code>.json</code>) da destekler.</p>
</div>
<h2 id="Örnek_bildiri">Örnek bildiri</h2>
<pre class="brush: json">{
"short_name": "Otağ JS",
"name": "Otağ JavaScript Çatısı Ağ Yerliği",
"start_url":"https://otagjs.org/#/belge",
"display":"standalone",
"theme_color":"#000",
"background_color":"#FAFAFA",
"icons": [
{
"src": "img/android-icon-36x36.png",
"sizes": "36x36",
"type": "image/png",
"density": "0.75"
},
{
"src": "img/android-icon-48x48.png",
"sizes": "48x48",
"type": "image/png",
"density": "1.0"
},
{
"src": "img/android-icon-72x72.png",
"sizes": "72x72",
"type": "image/png",
"density": "1.5"
},
{
"src": "img/android-icon-96x96.png",
"sizes": "96x96",
"type": "image/png",
"density": "2.0"
},
{
"src": "img/android-icon-144x144.png",
"sizes": "144x144",
"type": "image/png",
"density": "3.0"
}
]
}</pre>
<h2 id="Özellikler">Özellikler</h2>
<h3 id="background_color"><code>background_color</code></h3>
<p>Uygulamanın ardalan rengini belirler. Burada CSS belgesinde belirtilen değer yinelenebilir. Bu belirtim, tarayıcınız uygulamayı başlatırken biçim belgeniz daha hazır değilken bile ardalan rengini çizebilmesini sağlar ve içerik yüklenirken yumuşak bir geçiş oluşturur. </p>
<pre class="brush: json">"background_color": "#F00"</pre>
<div class="note">
<p><strong>Bilgi</strong>: <code>background_color</code> özelliği yalnızca içerik yüklenirken kullanıcı deneyimini artırmak amacıyla düşünülmüştür. Süreğen ağ uygulamanızın biçim(CSS) belgesi yüklendikten sonra <a href="/en-US/docs/Web/CSS/background-color">background color</a> geçersiz kılınacaktır.</p>
</div>
<h3 id="description"><code>description</code></h3>
<p>Ana ekrana eklenen uygulamanızın ne yaptığını anlatan "açıklama" alanıdır.</p>
<pre class="brush: json">"description": "Bu uygulama yerleşim alanları arar."</pre>
<h3 id="dir"><code>dir</code></h3>
<p><code>name</code>, <code>short_name</code>, <code>description</code> alanlarında belirttiğiniz bilgilerin yazım yönünü belirler.<br>
<code>lang</code> (doğal dil) üyesiyle birlikte sağdan sola dillerin doğru görüntülenmesini sağlar.</p>
<pre class="brush: json" dir="rtl">"dir": "rtl",
"lang": "otk",
"short_name": "</pre>
|
