微信小程序onshow实现原理

小程序后台切换到前台触发onshow,切换到后台 触发onhide

那原生H5是能否实现前后台切换，原生提供了visibilitychange 事件，可以监测到切换

 <script type="text/javascript">
    document.addEventListener("visibilitychange", () => { 
    if(document.hidden) {
        console.log('页面被挂起')
    }
    else {
        console.log('页面呼出')
    }
   });
    </script> 

写一个h5页面，然后打开v console 在手机端访问，可以看到正常执行

MDN文档，以及兼容性 developer.mozilla.org/zh-CN/docs/…