网页离线访问方法、装置、终端及存储介质制造方法及图纸

本发明专利技术提供一种网页离线访问方法、装置、终端及存储介质，该方法，包括：当接收到离线访问请求时，根据终端的浏览器，确定离线访问方式；根据所述离线访问方式，从对应的缓存中获取在线访问时的页面数据；对所述页面数据进行渲染，得到展示页面。本发明专利技术可以根据终端安装的浏览器选择离线访问方式，以确保各种浏览器均能够正常地访问离线页面。

【技术实现步骤摘要】
网页离线访问方法、装置、终端及存储介质
本专利技术涉及互联网
，尤其涉及一种网页离线访问方法、装置、终端及存储介质。
技术介绍
随着移动互联网的广泛普及，移动终端可以随时随地地实现网络连接，通过安装在移动终端的浏览器实现网页访问，及时获取到用户所需的各类信息资讯。目前，一般是采样http协议的缓存方案，即对需要离线缓存的文件及内容，在http响应头中设置文件缓存过期时间。如果用户打开过网页，则在下次再访问的时候，浏览器就会从本地缓存中读取相应的资源文件，实现数据读取。但是，当处于断网状态，且用户点击浏览器刷新按钮时，浏览器会强制对缓存资源发起网络请求，导致用户无法进行离线查看。
技术实现思路
本专利技术提供一种网页离线访问方法、装置、终端及存储介质，可以根据终端安装的浏览器选择离线访问方式，以确保各种浏览器均能够正常地访问离线页面。第一方面，本专利技术实施例提供一种网页离线访问方法，包括：当接收到离线访问请求时，根据终端的浏览器，确定离线访问方式；根据所述离线访问方式，从对应的缓本文档来自技高网...

【技术保护点】
1.一种网页离线访问方法，其特征在于，包括：/n当接收到离线访问请求时，根据终端的浏览器，确定离线访问方式；/n根据所述离线访问方式，从对应的缓存中获取在线访问时的页面数据；/n对所述页面数据进行渲染，得到展示页面。/n

【技术特征摘要】
1.一种网页离线访问方法，其特征在于，包括：
当接收到离线访问请求时，根据终端的浏览器，确定离线访问方式；
根据所述离线访问方式，从对应的缓存中获取在线访问时的页面数据；
对所述页面数据进行渲染，得到展示页面。


2.根据权利要求1所述的方法，其特征在于，所述根据终端的浏览器，确定离线访问方式，包括：
确定终端的浏览器支持PWAServiceWorker时，采用ServiceWorker方式进行离线访问；
若终端的浏览器不支持PWAServiceWorker时，采用应用缓存方式进行离线访问。


3.根据权利要求2所述的方法，其特征在于，根据所述离线访问方式，从对应的缓存中获取在线访问时的页面数据，包括：
确定终端的浏览器支持PWAServiceWorker时，通过ServiceWorker拦截针对Server端的数据接口请求，并从本地的ServiceWorker缓存中读取Server端的接口数据；
通过ServiceWorker拦截针对静态资源文件的网络请求，并从本地的ServiceWorker缓存中，读取上一次请求缓存的静态资源文件，所述静态资源文件包括：html文件、JS文件、CSS文件。


4.根据权利要求2所述的方法，其特征在于，根据所述离线访问方式，从对应的缓存中获取在线访问时的页面数据，包括：
若终端的浏览器不支持PWAServiceWorker时，从应用缓存中读取上一次请求缓存的静态资源文件；
从本地存储器中读取Server端的接口数据。


5.根据权利要求3或4所述的方法，其特征在于，对所述页面数据进行渲染，得到展示页面，包括：
将所述Server端的接口数据和上一次请求缓存的静态资源文件进行结合和渲染，得到所述展示页面。


6.根据权利要求1-4中任一项所述的方法，其特征在于，在根据终端的浏览器，确定离线访问方式之前，还包括：
根据终端的浏览器，确定在线访问时的页面数据的存储方式；
根据所述存储方式，将所述页面数据存储到对应的缓存中。


7.根据权利要求6所述的方法，其特征在于，所述根据终端的浏览器，确定在线访问时的页面数据的存储方式，包括：
确定终端的浏览器支持PWAServiceWorker时，采用ServiceWorker方式进行页面数据存储；
若终端的浏览器不支持PWAServiceWorker时，采用应用缓存方式进行页面数据存储。


8.根据权利要求7所述的方法，其特征在于，所述根据所述存储方式，将所述页面数据存储到对应的缓存中，包括：
确定终端的浏览器支持PWAServiceWorker时，通过ServiceWorker拦截针对静态资源文件的网络请求；
将网络请求反馈的所述静态资源文件存储到本地的ServiceWorker缓存中；
通过ServiceWorker拦截针对Server端的数据接口请求；
将所述数据接口请求反馈的Server端的接口数据存储到本地的ServiceWorker缓存中。


9.根据权利要求7所述的方法，其特征在于，所述根据所述存储方式，将所述页面数据存储到对应的缓存中，包括：
若终端的浏览器不支持PWAServiceWorker时，将manifest文件列出的静态资源文件存储到应用缓存中；
将Server端的接口数据存储到本地存储器中。


10.一种网页离线访问装置，其特征在于，包括：
第一确定模块，用于在接收到离线访问请...

【专利技术属性】
技术研发人员：农智琳，
申请(专利权)人：北京嘀嘀无限科技发展有限公司，
类型：发明
国别省市：北京;11