API web (Phần 3) – API hiển thị trang

Tram Ho

Xin chào mọi người. Sau một thời gian tạm dừng series Web APIs để tìm hiểu mấy thứ linh tinh khác thì hôm này mình đã trở lại rồi đây. Và bài viết hôm nay của mình sẽ giới thiệu qua về Page Visibility API, một thứ mà chúng ta ít quan tâm đến. Vậy nó là gì, chúng ta hãy cùng xem nhé. Go Go!

Intro

Page Visibility API cung cấp một vài sự kiện giúp để theo dõi xem khi nào thì document (cửa sổ hiện tại) là visible hay hidden.

Page Visibility API giúp ích trong việc tiết kiệm tài nguyên và cải thiện hiệu suất bằng cách tránh cho trang web thực hiện các task không cần thiết khi document ở trạng thái hidden (khi người dùng chuyển tab, minimize trình duyệt). Chúng ta cũng có thể sử dụng nó để đếm thời gian truy cập chẳng hạn.

Brower support

API được hỗ trợ hầu hết ở các trình duyệt (bao gồm cả IE10 và IE11😍)

Demo

http://daniemon.com/tech/webapps/page-visibility/

Ở ví dụ này, video sẽ dừng lại khi bạn chuyển sang tab khác và bật lại khi bạn trở lại tab đó, nó được xử lý ở đoạn code sau

Kết luận

Bài viết hôm nay ngắn vậy thôi. Hy vọng sẽ giúp ích được cho mọi người ở dự án nào đó sắp tới. Chúc mọi người thành công 😉

Tham khảo

https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API

Chia sẻ bài viết ngay

Nguồn bài viết : Viblo