需求:从其他页面编辑完成后返回页面,部分信息重新查询
const doSomething=()=>{
console.log('reflash something');
}
document.addEventListener('visibilitychange', () => {
// 页面隐藏
if (document.visibilityState === 'hidden') {
console.log('页面隐藏');
}
// 页面可见
if (document.visibilityState === 'visible') {
console.log('页面可见');
doSomething()
}
});
目前差不多有两种方式,一个是 借助jsbridge,一个是document.visibilityState
在此之前一直用的jsbridge,但是在小程序的webview里监听不到原来的jsbridge.
又不想通过postMessage来进行信息交互,修改不多,但不够通用。
然后找到了document.visibilityState
测试了在
- 手机浏览器
- app内webview
- 小程序内webview
都可以生效
因为业务关系,没有做过低版本系统的测试