消息通知
作者:互联网
/**
* 如果页面一进来, 发现用户没有联网,给用户发一个通知
* */
if(Notification.permission === 'default'){ Notification.requestPermission() } if(!navigator.onLine){ new Notification('提示',{ body:'你当前没有网络,你访问的是缓存'}) }
// 联网以后的通知 window.addEventListener('online',() => { new Notification('提示',{ body:'你已经连上网络了,请刷新访问最新的数据'}) }) // 断网的通知 window.addEventListener('offline',() => { new Notification('提示',{ body:'网络已断开,你将访问缓存的数据'}) })
if(Notification.permission === 'default'){ Notification.requestPermission() } if(!navigator.onLine){ new Notification('提示',{ body:'你当前没有网络,你访问的是缓存'}) }
// 联网以后的通知 window.addEventListener('online',() => { new Notification('提示',{ body:'你已经连上网络了,请刷新访问最新的数据'}) }) // 断网的通知 window.addEventListener('offline',() => { new Notification('提示',{ body:'网络已断开,你将访问缓存的数据'}) })
标签:body,通知,addEventListener,window,消息,Notification,new 来源: https://www.cnblogs.com/eric-share/p/15868015.html