[发明专利]网页离线访问方法、装置、终端及存储介质在审
申请号: | 201911402825.5 | 申请日: | 2019-12-31 |
公开(公告)号: | CN111859211A | 公开(公告)日: | 2020-10-30 |
发明(设计)人: | 农智琳 | 申请(专利权)人: | 北京嘀嘀无限科技发展有限公司 |
主分类号: | G06F16/957 | 分类号: | G06F16/957 |
代理公司: | 北京同立钧成知识产权代理有限公司 11205 | 代理人: | 钭飒飒;臧建明 |
地址: | 100193 北京*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 网页 离线 访问 方法 装置 终端 存储 介质 | ||
1.一种网页离线访问方法,其特征在于,包括:
当接收到离线访问请求时,根据终端的浏览器,确定离线访问方式;
根据所述离线访问方式,从对应的缓存中获取在线访问时的页面数据;
对所述页面数据进行渲染,得到展示页面。
2.根据权利要求1所述的方法,其特征在于,所述根据终端的浏览器,确定离线访问方式,包括:
确定终端的浏览器支持PWA Service Worker时,采用Service Worker方式进行离线访问;
若终端的浏览器不支持PWA Service Worker时,采用应用缓存方式进行离线访问。
3.根据权利要求2所述的方法,其特征在于,根据所述离线访问方式,从对应的缓存中获取在线访问时的页面数据,包括:
确定终端的浏览器支持PWA Service Worker时,通过Service Worker拦截针对Server端的数据接口请求,并从本地的Service Worker缓存中读取Server端的接口数据;
通过Service Worker拦截针对静态资源文件的网络请求,并从本地的Service Worker缓存中,读取上一次请求缓存的静态资源文件,所述静态资源文件包括:html文件、JS文件、CSS文件。
4.根据权利要求2所述的方法,其特征在于,根据所述离线访问方式,从对应的缓存中获取在线访问时的页面数据,包括:
若终端的浏览器不支持PWA Service Worker时,从应用缓存中读取上一次请求缓存的静态资源文件;
从本地存储器中读取Server端的接口数据。
5.根据权利要求3或4所述的方法,其特征在于,对所述页面数据进行渲染,得到展示页面,包括:
将所述Server端的接口数据和上一次请求缓存的静态资源文件进行结合和渲染,得到所述展示页面。
6.根据权利要求1-4中任一项所述的方法,其特征在于,在根据终端的浏览器,确定离线访问方式之前,还包括:
根据终端的浏览器,确定在线访问时的页面数据的存储方式;
根据所述存储方式,将所述页面数据存储到对应的缓存中。
7.根据权利要求6所述的方法,其特征在于,所述根据终端的浏览器,确定在线访问时的页面数据的存储方式,包括:
确定终端的浏览器支持PWA Service Worker时,采用Service Worker方式进行页面数据存储;
若终端的浏览器不支持PWA Service Worker时,采用应用缓存方式进行页面数据存储。
8.根据权利要求7所述的方法,其特征在于,所述根据所述存储方式,将所述页面数据存储到对应的缓存中,包括:
确定终端的浏览器支持PWA Service Worker时,通过Service Worker拦截针对静态资源文件的网络请求;
将网络请求反馈的所述静态资源文件存储到本地的Service Worker缓存中;
通过Service Worker拦截针对Server端的数据接口请求;
将所述数据接口请求反馈的Server端的接口数据存储到本地的Service Worker缓存中。
9.根据权利要求7所述的方法,其特征在于,所述根据所述存储方式,将所述页面数据存储到对应的缓存中,包括:
若终端的浏览器不支持PWA Service Worker时,将manifest文件列出的静态资源文件存储到应用缓存中;
将Server端的接口数据存储到本地存储器中。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京嘀嘀无限科技发展有限公司,未经北京嘀嘀无限科技发展有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201911402825.5/1.html,转载请声明来源钻瓜专利网。