[发明专利]一种页面显示方法、装置、系统、电子设备及存储介质

说明书

本发明实施例提供了一种页面显示方法、装置、设备和介质。包括：服务端获取页面的第一网络代理程序，对第一网络代理程序进行安装，得到由第一网络代理程序控制的页面资源的资源地址，获取资源地址对应的页面资源，将页面资源发送给客户端，客户端运行页面的第二网络代理程序，拦截第二网络代理程序发出的资源请求，查找本地存储的与资源请求对应的页面资源，根据页面资源显示页面，使得服务端可以预先安装第一网络代理程序，将页面资源发送给客户端，从而客户端上在打开页面时，从本地直接获得离线的页面资源，避免首次打开页面时因网络代理程序未能缓存页面资源导致的页面打开速度较慢的问题，提高了首次打开页面的速度，减少了用户的等待时间。

技术领域

本发明涉及网络技术领域，特别是涉及一种页面显示方法、一种页面显示系统、一种页面显示装置、一种电子设备和一种计算机可读存储介质。

背景技术

PWA(Progressive Web Apps，渐进式网页应用)运用现代的Web API(网络应用程序接口)以及传统的渐进式增强策略来创建跨平台Web应用程序。这些应用无处不在、功能丰富，使其具有与原生应用相同的用户体验优势。

PWA拥有丰富的离线体验、定期的后台同步以及推送通知等功能。这些功能可以由Service Worker(服务工作程序)提供所依赖的技术基础。

Service Worker是浏览器在后台独立于网页运行的脚本。在安装Service Worker过程中，会缓存配置的网页静态资源。Service Worker安装完毕并激活后，Service Worker将会对其作用域内的所有页面实施控制。Service Worker会使用缓存的网页静态资源，让PWA获得良好的离线体验。

不过，Service Worker必须安转并激活后，才能缓存数据。所以，PWA网页在首次启动时，无法使用到离线静态资源，导致打开网页的速度较慢，需要用户等待较长时间。

发明内容

本发明实施例的目的在于提供一种页面显示方法、装置、系统、电子设备及计算机可读存储介质，从而解决网页在首次启动时，无法使用到离线资源，打开网页的速度较慢的技术问题。

为了解决上述问题，在本发明实施的第一方面，首先提供了一种页面显示方法，包括：

服务端获取页面的第一网络代理程序；

所述服务端对所述第一网络代理程序进行安装，得到所述页面上由所述第一网络代理程序控制的页面资源的资源地址；

所述服务端获取所述资源地址对应的页面资源；

所述服务端将所述页面资源发送给客户端；

所述客户端运行所述页面的第二网络代理程序；

所述客户端拦截所述第二网络代理程序发出的资源请求；

所述客户端查找本地存储的与所述资源请求对应的页面资源；

所述客户端根据所述页面资源，显示所述页面。

在本发明实施的第二方面，首先提供了一种页面显示方法，应用于服务端，包括：

获取页面的第一网络代理程序；

对所述第一网络代理程序进行安装，得到所述页面上由所述第一网络代理程序控制的页面资源的资源地址；

获取所述资源地址对应的页面资源；

将所述页面资源发送给客户端，以使所述客户端根据预先接收的所述页面资源，显示所述目标页面。

可选地，在所述对所述第一网络代理程序进行安装，得到所述页面上由所述第一网络代理程序控制的页面资源的资源地址之前，所述方法还包括：创建所述第一网络代理程序的运行环境；