日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

visibilitychange事件在移動端開發的使用

作者:明月松江 更新時間: 2022-01-30 編程語言

業務想要實現的效果:
APP從原生或者RN頁面進入h5頁面,之后再跳轉到其他頁面,在其他頁面點擊返回的時候直接回到原生或RN頁面,不要再回到中間過渡的H5頁面。
我開始的是h5跳轉到其他頁面之前關閉當前的webview,但是這樣的效果不好。
后來我使用了visibilitychange來觸發,當從其他頁面返回這個h5頁面的時候document.hidden會變成false,這時再關閉webview。
代碼如下:

mounted() {
  window.document.addEventListener('visibilitychange', this.visibilityChange)
},
methods:{
  visibilityChange() {
    //true代表頁面隱藏
    console.log('window.document.hidden: ', window.document.hidden)
    if (!window.document.hidden) {
      ClassmateNative.goNative({
        page: 'exitViewController'
      })
    }
  },
}

參考鏈接:
https://developer.mozilla.org/zh-CN/docs/Web/API/Document/visibilitychange_event

原文鏈接:https://blog.csdn.net/u010007013/article/details/117066949

欄目分類
最近更新