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

Adriana Jara

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

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

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

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

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

ตัวเลือกในการสร้างหน้าออฟไลน์ที่กำหนดเองยังคงใช้งานได้ วิดีโอด้านล่างแสดงวิธีแสดงหน้าเว็บที่กำหนดเองโดยใช้ Workbox ด้วยโค้ดบรรทัดเดียว

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