webview踩坑之数据无法更新

这两天项目中遇到了一个问题，觉得挺有意思，记录一下。

背景：

	项目是混合应用，原生开发嵌入H5webview。H5是用的vue多页应用结构。

问题描述：

	需求中有一个页面有个入口，需要跳转到项目另一个url。是调用原生的方法跳转到之前开发的页面。原生的逻辑是新开一个webview去跳转。这里我们称原webview为w1, 新开的为w2。
	在W2中，我们有一些操作会导致数据有变动，这时我们需要返回到W1中，返回的操作也是调取原生方法去关闭W2，对W1没有任何操作。导致W1的数据不会重新请求刷新，展示的还是旧的数据。

问题分析以及解决过程

	这里我初步分析，需要在关闭W2时给原生传递一个参数去识别W2有数据变动。如果有变动，则去reload  W1，这样处理很麻烦，需要安卓和ios都改代码。
	跟同事讨论了一下，得知js有api可以监听当前窗口是否可见。
	查了一下，属性为，visibilityChange.
	在web端试了一下，切换窗口时都会调用，关闭以及打开都会调用。打包丢到app中试了一下，也可以监听到。perfect！！！代码如下：

document.addEventListener('visibilitychange', () => {
        console.log('visibilitychange事件');
        this.getShareTimes();  //  更新数据的方法
      }, false);

本文地址：https://blog.csdn.net/jacoby_fire/article/details/107285848