1、PC瀏覽器上(以谷歌瀏覽器爲例)
- 刷新H5頁面,會觸發該事件,由於刷新導致該頁面消失時,會檢測到document.visibilityState === ‘hidden’
- 切換頁面(包括切換離開和切換回來),導致頁面暫時不處於激活狀態時,會觸發該事件。切換離開時document.visibilityState === ‘hidden’,切換回該頁面時,document.visibilityState === ‘visible’
- 關閉頁面窗口時,會觸發該事件。關閉窗口時,document.visibilityState === ‘hidden’
- 關閉整個瀏覽器時,會觸發該事件。關閉整個瀏覽器時,document.visibilityState === ‘hidden’
說明:當頁面的document.visibilityState === 'hidden’時,是可以發送請求的
2、安卓設備上(實驗於手機的微信、UC瀏覽器軟件中)
- 刷新H5頁面,會觸發該事件,由於刷新導致該頁面消失時,會檢測到document.visibilityState === ‘hidden’
- 點擊頁面上方的 x 按鈕(或是其他關閉按鈕),導致頁面關閉時,會觸發該事件。並在關閉時,document.visibilityState === ‘hidden’
- 切換頁面(包括切換離開和切換回來),導致頁面暫時不處於激活狀態時,會觸發該事件。切換離開時document.visibilityState === ‘hidden’,切換回該頁面時,document.visibilityState === ‘visible’
- 將頁面或頁面所在程序軟件切換到後臺,或從後臺切換到前臺時,會觸發該事件。切換到後臺時,document.visibilityState === ‘hidden’;切換到前臺時,document.visibilityState === ‘visible’
- 手勢滑動關閉頁面或頁面所在程序軟件時,document.visibilityState === ‘hidden’
說明:當頁面的document.visibilityState === 'hidden’時,是可以發送請求的
3、IOS設備上(實驗於手機的微信、UC瀏覽器軟件中)
- 刷新H5頁面,會觸發該事件,由於刷新導致該頁面消失時,會檢測到document.visibilityState === ‘hidden’
- 點擊頁面上方的 x 按鈕(或是其他關閉按鈕),導致頁面關閉時,會觸發該事件。並在關閉時,document.visibilityState === ‘hidden’
- 切換頁面(包括切換離開和切換回來),導致頁面暫時不處於激活狀態時,會觸發該事件。切換離開時document.visibilityState === ‘hidden’,切換回該頁面時,document.visibilityState === ‘visible’
- 將頁面或頁面所在程序軟件切換到後臺,或從後臺切換到前臺時,會觸發該事件。切換到後臺時,document.visibilityState === ‘hidden’;切換到前臺時,document.visibilityState === ‘visible’
- 手勢滑動關閉頁面或頁面所在程序軟件時,document.visibilityState === ‘hidden’
說明:當頁面的document.visibilityState === 'hidden’時,是不可以發送請求的,發送的請求會被銷燬掉