本文介绍了如何利用Page Visibility API来监测网页是否处于激活（可见）状态，以实现如离开页面时自动暂停视频等功能。通过这个API，可以更准确地判断用户是否可见网页，区别于传统的focus和blur事件，后者只关注窗口焦点变化。
在饿了么点外卖的时候你会发现，如果你离开此页的话他的网页title会改变：
在这里虽然显得没那么重要，但是如果当前你在播放视频，离开此页的话我们可以实现自动暂停功能，还是挺方便的。
实现这个功能主要用到了Page Visibility API 这个功能。参考地址：https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API?redirectlocale=en-US&redirectslug=DOM%2FUsing_the_Page_Visibility_API
比如我们写一个简单的示例，当我们切换到其他页面的时候改变该页面的title。
<script>
(function() {
var
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
