API Mức độ hiển thị trang - Bạn đã chú ý đến tôi chưa?

Hiện tại, việc duyệt web nhiều thẻ là thông lệ, vì vậy, bạn không thể giả định rằng người dùng đang xem ứng dụng của bạn chỉ vì ứng dụng đó đang chạy. May mắn thay, API Chế độ hiển thị của trang mới cho phép ứng dụng của bạn khám phá xem trang có hiển thị hay không. Bạn có thể sử dụng API này để giảm hoạt động mạng và tính toán không cần thiết.

document.webkitHidden là một giá trị boolean cho biết liệu trang hiện tại có bị ẩn hay không (bạn có thể thử ngay trong bảng điều khiển nếu đang sử dụng bản dựng Chromium gần đây). document.webkitVisibilityState sẽ trả về một chuỗi cho biết trạng thái hiện tại, một trong các chuỗi visible, hidden và prerendered. Và một sự kiện webkitvisibilitychange mới sẽ kích hoạt khi có bất kỳ thay đổi nào trong số này, ví dụ: khi người dùng mở thẻ của ứng dụng hoặc rời khỏi thẻ đó.

Nếu bạn muốn thử nghiệm, hãy xem visibility.js. Trình bổ trợ này sẽ thêm một chút hương vị cho API để việc xem các lượt tương tác này trở nên thú vị hơn.