如何利用Page Visibility API实现网页可见性检测与长尾关键词优化？

本文共计2068个文字，预计阅读时间需要9分钟。

目录

一、简介

二、document.visibilityState

三、document.hidden

四、visibilitychange 事件

五、页面卸载

一、简介

有时候，开发者需要知道用户是否正在离开页面。这通常用于实现如页面未保存警告等交互功能。

二、document.visibilityState

document.visibilityState 属性提供了页面可见性的信息。

三、document.hidden

document.hidden 属性表示页面是否不可见。

四、visibilitychange 事件

当页面可见性发生变化时，会触发 visibilitychange 事件。

五、页面卸载

页面卸载时，开发者可以监听相关事件来执行清理工作。

目录

• 一、简介
• 二、document.visibilityState
• 三、document.hidden
• 四、visibilitychange 事件
• 五、页面卸载

一、简介

有时候，开发者需要知道，用户正在离开页面。常用的方法是监听下面三个事件。

pagehide

beforeunload

unload

但是，这些事件在手机上可能不会触发，页面就直接关闭了。因为手机系统可以将一个进程直接转入后台，然后杀死。