我要评论这两天项目中遇到了一个问题，觉得挺有意思，记录一下。
背景：
项目是混合应用，原生开发嵌入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
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请 点击进行留言回复，万千网友为您解惑！
网友评论