ต้องทำอะไรบ้างจึงจะติดตั้งได้
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
Progressive Web App (PWA) เป็นแอปพลิเคชันที่ทันสมัยและมีคุณภาพสูง สร้างขึ้นด้วยเทคโนโลยีเว็บ PWA มีความสามารถคล้ายกับแอป iOS/Android/เดสก์ท็อป เพราะมีความเสถียรแม้ในสภาวะของเครือข่ายที่ไม่เสถียร อีกทั้งยังติดตั้งได้ ช่วยให้ผู้ใช้ค้นหาและใช้งานได้ง่ายขึ้น
ผู้ใช้ส่วนใหญ่คุ้นเคยกับการติดตั้งแอปพลิเคชันและข้อดีของประสบการณ์ที่ติดตั้งไว้ แอปพลิเคชันที่ติดตั้งจะปรากฏในแพลตฟอร์มการเปิดใช้ของระบบปฏิบัติการ เช่น โฟลเดอร์แอปพลิเคชันใน Mac OS X เมนูเริ่มต้นใน Windows และหน้าจอหลักใน Android และ iOS แอปพลิเคชันที่ติดตั้งจะแสดงในเครื่องมือสลับกิจกรรม เครื่องมือค้นหาในอุปกรณ์ เช่น สปอตไลท์ และในชีตการแชร์เนื้อหา
โดยเบราว์เซอร์ส่วนใหญ่จะแจ้งให้ผู้ใช้ทราบว่า Progressive Web App (PWA) ติดตั้งได้เมื่อเป็นไปตามเกณฑ์ที่กำหนด สัญญาณบอกสถานะตัวอย่าง ได้แก่ ปุ่มติดตั้งในแถบที่อยู่ หรือรายการเมนูติดตั้งในเมนูรายการเพิ่มเติม
โปรโมชันการติดตั้งที่เบราว์เซอร์มีให้ (เดสก์ท็อป)
โปรโมชันการติดตั้งที่ได้จากเบราว์เซอร์ (อุปกรณ์เคลื่อนที่)
นอกจากนี้ เมื่อเป็นไปตามเกณฑ์ เบราว์เซอร์จำนวนมากจะเริ่มการทำงานของเหตุการณ์ beforeinstallprompt
ซึ่งจะช่วยให้คุณระบุ UX ในแอปที่กำหนดเองซึ่งจะเรียกขั้นตอนการติดตั้งภายในแอปได้
เกณฑ์การติดตั้ง
ใน Chrome Progressive Web App ต้องเป็นไปตามเกณฑ์ต่อไปนี้ก่อน เหตุการณ์ beforeinstallprompt
จึงจะเริ่มการทำงานของเหตุการณ์ beforeinstallprompt
และแสดงโปรโมชันการติดตั้งในเบราว์เซอร์
ยังไม่ได้ติดตั้งเว็บแอป
สอดคล้องกับวิธีการเรียนรู้การมีส่วนร่วมของผู้ใช้
ผู้ใช้ต้องคลิกหรือแตะหน้าดังกล่าวอย่างน้อย 1 ครั้ง (เมื่อใดก็ได้ แม้ในการโหลดหน้าเว็บก่อนหน้า)
ผู้ใช้ต้องใช้เวลาอย่างน้อย 30 วินาทีในการดูหน้าเว็บ (เมื่อใดก็ได้)
แสดงผลผ่าน HTTPS
รวมไฟล์ Manifest ของเว็บแอป ที่ประกอบไปด้วย
short_name
หรือ name
icons
- ต้องมีไอคอนขนาด 192 พิกเซลและ 512 พิกเซล
start_url
display
- ต้องเป็นค่าใดค่าหนึ่งระหว่าง fullscreen
, standalone
หรือ minimal-ui
prefer_related_applications
ต้องไม่อยู่ หรือต้องเป็น false
เบราว์เซอร์อื่นมีเกณฑ์การติดตั้งใกล้เคียงกัน แต่ก็อาจมีความแตกต่างเล็กน้อย ตรวจสอบเว็บไซต์ที่เกี่ยวข้องเพื่อดูรายละเอียดทั้งหมด:
หมายเหตุ: ใน Android หากไฟล์ Manifest ของเว็บแอปมี related_applications
และ "prefer_related_applications": true
ระบบจะนำผู้ใช้ไปยัง Google Play Store และได้รับแจ้งให้ติดตั้งแอป Android ที่ระบุ แทน
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2020-02-14 UTC
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"ไม่มีข้อมูลที่ฉันต้องการ"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"ล้าสมัย"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"ปัญหาเกี่ยวกับการแปล"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"อื่นๆ"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"เข้าใจง่าย"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"แก้ปัญหาของฉันได้"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"อื่นๆ"
}]
{"lastModified": "\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14 2020-02-14 UTC"}
[[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 2020-02-14 UTC"]]