Màn hình chờ tuỳ chỉnh giúp Ứng dụng web tiến bộ (PWA) của bạn trông giống một ứng dụng được tạo cho thiết bị đó. Theo mặc định, khi người dùng chạy PWA của bạn từ màn hình chính, Android sẽ hiển thị một màn hình trắng cho đến khi PWA sẵn sàng. Người dùng có thể thấy màn hình trống, màu trắng này trong tối đa 200 mili giây. Bằng cách thiết lập màn hình chờ tuỳ chỉnh, bạn có thể hiển thị cho người dùng màu nền tuỳ chỉnh và biểu tượng của PWA, giúp mang đến trải nghiệm hấp dẫn và có thương hiệu.
Cách không thể kiểm tra màn hình chờ Lighthouse
Lighthouse gắn cờ các trang không có màn hình chờ tuỳ chỉnh:
Cách tạo màn hình chờ tuỳ chỉnh
Chrome dành cho Android sẽ tự động hiển thị màn hình chờ tuỳ chỉnh, miễn là bạn đáp ứng các yêu cầu sau trong tệp kê khai ứng dụng web:
- Thuộc tính
nameđược đặt thành tên của PWA. - Thuộc tính
background_colorđược đặt thành một giá trị màu CSS hợp lệ. - Thuộc tính
theme_colorđược đặt thành một giá trị màu CSS hợp lệ. - Mảng
iconschỉ định biểu tượng có kích thước tối thiểu là 512x512 px. - Biểu tượng được chỉ định tồn tại và là một tệp PNG.
Hãy xem bài viết Thêm màn hình chờ cho các ứng dụng web đã cài đặt trong Chrome 47 để biết thêm thông tin.
Tài nguyên
Mã nguồn của thao tác Chưa được định cấu hình để kiểm tra màn hình chờ tuỳ chỉnh