หน้าออฟไลน์พื้นฐานสำหรับเว็บแอปใน Chrome Android

แอปแพลตฟอร์มที่ติดตั้งไว้สามารถเปิดแอปได้แม้ในขณะออฟไลน์ ในกรณีนี้ แบนเนอร์ดังกล่าวมักจะมีหน้าที่แจ้งให้ผู้ใช้ทราบว่าการเข้าถึงอินเทอร์เน็ตไม่พร้อมใช้งาน นักพัฒนาซอฟต์แวร์บางคนอาจสร้างชุดฟีเจอร์ที่สมบูรณ์ซึ่งสามารถใช้ขณะออฟไลน์ได้ด้วย

เว็บแอปช่วยให้มีความสามารถในการทำงานแบบออฟไลน์ได้ที่ใหม่กว่า โดยเป็นไปได้ด้วยการเปิดตัว Service Worker API นอกจากนี้ เมื่อเว็บไซต์ติดตั้งได้ PWA จะเพิ่มข้อกำหนดในการลงทะเบียน Service Worker และใช้เมธอด fetch() เพื่อให้เว็บแอปติดตั้งได้ แนวคิดคือการจูงใจให้นักพัฒนาแอปแจ้งเตือนผู้ใช้อย่างน้อย ๆ ว่าตอนนี้แอปไม่สามารถใช้ได้ในตอนนี้

ตอนนี้นักพัฒนาแอปไม่จำเป็นต้องดำเนินการใดๆ เพื่อตั้งหน้าออฟไลน์เริ่มต้น ใน Chrome 109 บน Android เบราว์เซอร์จะสร้างหน้าเว็บโดยอัตโนมัติเพื่อแจ้งให้ผู้ใช้ทราบว่าตนออฟไลน์อยู่

หากแอปไม่ได้ใช้ประสบการณ์แบบออฟไลน์ที่กำหนดเอง เมื่อผู้ใช้ออฟไลน์อยู่ หน้าออฟไลน์เริ่มต้นจะใช้ไอคอนของแอปและข้อความง่ายๆ ว่าคุณออฟไลน์อยู่ ดังตัวอย่างด้านล่าง

หน้าเว็บออฟไลน์เริ่มต้นสำหรับตัวอย่างเว็บแอปพลิเคชัน ซึ่งมีโลโก้เป็นวงกลมสีชมพูและเครื่องหมายบวกสองอัน และมีข้อความว่า "คุณออฟไลน์อยู่"

ไปที่ข้อบกพร่องนี้เพื่อดูตัวอย่างก่อนหน้าการใช้งาน

ตัวเลือกในการสร้างหน้าเว็บออฟไลน์ที่กำหนดเองของคุณจะยังคงสามารถใช้ได้ วิดีโอต่อไปนี้แสดงวิธีแสดงหน้าเว็บที่กำหนดเองโดยใช้ Workbox ด้วยโค้ดเพียงบรรทัดเดียว

ฟีเจอร์นี้ใช้ได้ใน Android (Chrome 109) และสภาพแวดล้อมเดสก์ท็อป (Chrome 110) หากมีความคิดเห็น โปรดส่งมาให้เราผ่านแบบฟอร์มนี้

รูปภาพโดย Sten Ritterfeld ใน Unsplash