Trang hiện tại không trả về mã trạng thái 200 khi không có mạng

Danh sách kiểm tra Core Progressive Web App cho biết rằng PWA phải cung cấp một trang ngoại tuyến tuỳ chỉnh. Danh sách kiểm tra Optimial Progressive Web App cho biết rằng PWA nên cung cấp trải nghiệm ngoại tuyến, trong đó PWA hoạt động ngoại tuyến giống như khi hoạt động trực tuyến (bất cứ khi nào không bắt buộc phải có kết nối mạng).

Tìm hiểu thêm trong bài đăng Độ tin cậy của mạng là gì và làm cách nào để đo lường độ tin cậy này?.

Cách tính năng kiểm tra ngoại tuyến Lighthouse không thành công

Lighthouse gắn cờ các trang không phản hồi bằng phản hồi HTTP 200 khi không có kết nối mạng:

Kiểm tra Lighthouse cho thấy trang không phản hồi mã 200 khi không có mạng

Lighthouse mô phỏng kết nối ngoại tuyến bằng Giao thức gỡ lỗi từ xa Chrome rồi cố gắng truy xuất trang bằng XMLHttpRequest.

Cách đặt PWA hoạt động khi không có mạng

  1. Thêm service worker vào ứng dụng.
  2. Sử dụng trình chạy dịch vụ để lưu các tệp vào bộ nhớ đệm trên máy.
  3. Khi không có mạng, hãy sử dụng trình chạy dịch vụ làm proxy mạng để trả về phiên bản tệp được lưu vào bộ nhớ đệm trên máy.

Tài nguyên