标签:body index 封装 Notification js window navigator data
async function renderMovie(){ const res = await fetch('/api/getMovie') const json = await res.json() let data = json.data.house43 console.log(data); let html = '' data.forEach( (item,index) => { if(index < 12){ html += ' <li> <a href="">'+item.estate_id+'</a> ===<a href="">'+item.end_time+'</a> </li> ' } })
document.querySelector('.ul-box').innerHTML = html }
async function registerSW(){ // 1 在网页加载完成的时候 注册 service worker window.addEventListener('load', async () => { // 2 能力检测 if ('serviceWorker' in navigator) { try{ await navigator.serviceWorker.register('./sw.js') }catch(e){ console.log('注册失败'); } } }) }
renderMovie() registerSW()
/** * 如果页面一进来, 发现用户没有联网,给用户发一个通知 * */
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,index,封装,Notification,js,window,navigator,data 来源: https://www.cnblogs.com/eric-share/p/15868021.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。