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

Michael Mahemoff

Duyệt nhiều thẻ hiện đã là tiêu chuẩn, vì vậy bạn không thể cho rằng người dùng đang xem ứng dụng của bạn chỉ vì ứng dụng đang chạy. Thật may là API Khả năng hiển thị 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 bớt hoạt động mạng và việc 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 bây giờ trong bảng điều khiển nếu đang sử dụng một 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 giá trị visible, hiddenprerendered. Đồng thời, sự kiện webkitvisibilitychange mới sẽ kích hoạt khi 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 di chuyển ra khỏi thẻ đó.

Nếu bạn muốn làm như vậy, hãy xem visibility.js. Tệp này có thêm một chút đường vào API để khiến việc xem các tương tác này trở nên thú vị hơn một chút.