visibilitychange事件在移动端开发的使用

业务想要实现的效果：
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