blob: 730d3bce5db36f2e53c1cc3d249c0a127b1dbc5b (
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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
|
---
title: icons
slug: Web/Manifest/icons
translation_of: Web/Manifest/icons
---
<div>{{QuickLinksWithSubpages("/th/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">
"icons": [{"src": "icon.webp", "sizes": "48x48", "type": "image/webp"}]</pre>
</td>
</tr>
</tbody>
</table>
<p><code>icons</code>สมาชิกระบุอาร์เรย์ของวัตถุที่เป็นตัวแทนของไฟล์ภาพที่สามารถใช้เป็นแอปพลิเค iconsfor บริบทที่แตกต่างกัน ตัวอย่างเช่นสามารถใช้เพื่อแสดงแอปพลิเคชันเว็บท่ามกลางรายการแอปพลิเคชันอื่น ๆ หรือเพื่อรวมเว็บแอปพลิเคชันเข้ากับ ตัวสลับงานของ<abbr title="ระบบปฏิบัติการ">ระบบปฏิบัติการ</abbr>และ/หรือการตั้งค่าระบบ</p>
<h2 id="ตัวอย่าง">ตัวอย่าง</h2>
<pre class="brush: json">"ไอคอน": [
{
"src": "ไอคอน/lowres.webp",
"ขนาด": "48x48",
"type": "image/webp"
}
{
"src": "ไอคอน/lowres",
"ขนาด": "48x48"
}
{
"src": "ไอคอน/hd_hi.ico",
"ขนาด": "72x72 96x96 128x128 256x256"
}
{
"src": "ไอคอน/hd_hi.svg",
"ขนาด": "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 ของไฟล์ Manifest</td>
</tr>
<tr>
<td><code>type</code></td>
<td>คำแนะนำเกี่ยวกับประเภทสื่อของภาพ จุดประสงค์ของสมาชิกนี้คือเพื่อให้ตัวแทนผู้ใช้สามารถข้ามรูปภาพที่มีประเภทสื่อที่ไม่รองรับได้อย่างรวดเร็ว</td>
</tr>
<tr>
<td><code>purpose</code></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="ข้อมูลจำเพาะ">ข้อมูลจำเพาะ</h2>
<table class="fullwidth-table standard-table">
<thead>
<tr>
<th scope="col">สเปค</th>
<th scope="col">สถานะ</th>
<th scope="col">คิดเห็น</th>
<th scope="col">ผลตอบรับ</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<p>{{SpecName('Manifest', '#icons-member', 'icons')}}</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</a></p>
</td>
</tr>
</tbody>
</table>
<h2 id="ความเข้ากันได้ของเบราว์เซอร์">ความเข้ากันได้ของเบราว์เซอร์</h2>
<div class="hidden">
<p>ตารางความเข้ากันได้ในหน้านี้สร้างขึ้นจากข้อมูลที่มีโครงสร้าง หากคุณต้องการมีส่วนร่วมกับข้อมูลโปรดตรวจสอบ<a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>และส่งคำขอดึง</p>
</div>
<p>{{compat("html.manifest.icons")}}</p>
|
