document.visibilityState 事件处理H5页面事件部分刷新

需求:从其他页面编辑完成后返回页面,部分信息重新查询

	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
测试了在

  1. 手机浏览器
  2. app内webview
  3. 小程序内webview

都可以生效
因为业务关系,没有做过低版本系统的测试

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值