頁面可見性改變事件:visibilitychange

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’時,是不可以發送請求的,發送的請求會被銷燬掉

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章