网页加载方法、装置、电子设备及计算机可读存储介质制造方法及图纸

本申请提供了一种网页加载方法、装置、电子设备及计算机可读存储介质，应用于计算机技术领域，其中该方法包括：获取用户的访问请求信息，然后通过网页插件拦截基于访问请求信息生成的网络访问请求，并通过网页插件基于缓存数据得到网络访问请求对应的第一网页页面信息，基于第一网页页面信息绘制网页页面。即绘制网页页面所需的网页页面信息是从缓存数据中获取的，不是通过向服务器发起相应的请求才能获取网页页面信息，减少向服务器发起请求获取网页页面信息的时间，从而提升了网页的加载速度，此外，即使是在无网络服务的情况下，也能够实现相应网页页面的加载，进而提升了用户的用户体验。

【技术实现步骤摘要】
网页加载方法、装置、电子设备及计算机可读存储介质
本申请涉及计算机
，具体而言，本申请涉及一种网页加载方法、装置、电子设备及计算机可读存储介质。
技术介绍
随着网络技术的发展，用户通过浏览器可以访问相应的网站，获取所需要的信息，而如何提升相应网站网页的加载速度，提升用户的访问体验成为了一个问题。目前，用户访问相应的网站时，通过浏览器输入相应的URL并发送至服务器，服务器端则通过构建DOM、计算CSS，然后进行渲染合成、绘制生成网页页面反馈给用户。然而，根据现有的网页加载方式，如果网络信号较差，则用户需要等待较长的时间才能看到加载成功的网页页面，如果没有网络信号，则服务器根本接收不到用户的访问请求，甚至出现404的情形。因此，现有的网页加载方式存在网络信号差时用户需等待较长时间的问题，以及存在无网络信号时用户无法访问网站的问题。
技术实现思路
本申请提供了一种网页加载方法、装置、电子设备及计算机可读存储介质，用于提升网页的加载速度，以及实现在无网络信号时也可以访问网站，进而提升了用户的用户体验，本申请采用的技术方案如下：第一方面，提供了一种网页加载方法，该方法包括，获取用户的访问请求信息；通过网页插件拦截基于访问请求信息生成的网络访问请求，并通过网页插件基于缓存数据得到网络访问请求对应的第一网页页面信息；基于第一网页页面信息绘制网页页面。第二方面，提供了一种网页加载装置，该装置包括，第一获取模块，用于获取用户的访问请求信息；拦截模块，用于通过网页插件拦截基于第一获取模块获取的访问请求信息生成的网络访问请求，并通过网页插件基于缓存数据得到网络访问请求对应的第一网页页面信息；第一绘制模块，用于基于拦截模块得到的第一网页页面信息绘制网页页面。第三方面，提供了一种电子设备，该电子设备包括：一个或多个处理器；存储器；一个或多个应用程序，其中一个或多个应用程序被存储在存储器中并被配置为由一个或多个处理器执行，一个或多个程序配置用于：执行第一方面所示的网页加载方法。第四方面，提供了一种计算机可读存储介质，计算机存储介质用于存储计算机指令，当其在计算机上运行时，使得计算机可以执行第一方面所示的网页加载方法。本申请提供了一种网页加载方法、装置、电子设备及计算机可读存储介质，与现有技术直接通过浏览器向服务器发起访问请求获取网页页面信息相比，本申请通过获取用户的访问请求信息，然后通过网页插件拦截基于访问请求信息生成的网络访问请求，并通过网页插件基于缓存数据得到网络访问请求对应的第一网页页面信息，基于第一网页页面信息绘制网页页面。即通过网页插件对网络访问请求进行拦截，然后从缓存数据中获取网络访问请求对应的第一网页页面信息，并绘制生成网页界面，也即是说绘制网页页面所需的网页页面信息是从缓存数据中获取的，不是通过向服务器发起相应的请求才能获取网页页面信息，减少向服务器发起请求获取网页页面信息的时间，从而提升了网页的加载速度，此外，即使是在无网络服务的情况下，也能够实现相应网页页面的加载，进而提升了用户的用户体验。本申请附加的方面和优点将在下面的描述中部分给出，这些将从下面的描述中变得明显，或通过本申请的实践了解到。附图说明本申请上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中：图1为本申请实施例的一种网页加载方法的流程示意图；图2为本申请实施例的一种网页加载装置的结构示意图；图3为本申请实施例的另一种网页加载装置的结构示意图；图4为本申请实施例的一种电子设备的结构示意图。具体实施方式下面详细描述本申请的实施例，各实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本申请，而不能解释为对本申请的限制。本
技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”和“该”也可包括复数形式。应该进一步理解的是，本申请的说明书中使用的措辞“包括”是指存在特征、整数、步骤、操作、元件和/或组件，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。这里使用的措辞“和/或”包括一个或更多个相关联的列出项的全部或任一单元和全部组合。为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图，对本申请的实施例进行描述。本申请实施例提供了一种登录验证方法，如图1所示，该方法可以包括以下步骤：步骤S101，获取用户的访问请求信息；具体地，用户可以通过手机、PAD、电脑等终端设备配置或安装的浏览器输入相应的网址(如www.baidu.com)，也可以输入相应的网站名称(如百度)，进行网页访问；其中，该输入过程可以是通过语音实现的，也可以是通过虚拟或实体键盘等实现的。终端设备配置或安装的浏览器可以通过相应的监听方法获取用户的访问请求信息。步骤S102，通过网页插件拦截基于访问请求信息生成的网络访问请求，并通过网页插件基于缓存数据得到网络访问请求对应的第一网页页面信息；其中，网页插件可以是一些软件组件或对象，可以直接将其插入到网页或其他应用程序中，一般的软件需要用户单独下载然后执行安装。示例性的，本申请实施例的网页插件可以是ServiceWorker，ServiceWorker可用于给web应用提供高级的可持续的后台处理能力；ServiceWorker最主要的特点是：在页面中注册并安装成功后，运行于浏览器后台，不受页面刷新的影响，可以监听和截拦作用域范围内所有页面的HTTP请求。示例性的，ServiceWorker安装成功并进入激活状态后即运行于浏览器后台，可以通过fetch事件拦截到当前作用域范围内的http/https请求，并且给出自己的响应。结合FetchAPI，可以简单方便地处理请求响应，实现对网络请求的控制，即可以是当监控到一个网页访问请求时，可以控制从缓存数据中(如可以是)获取网络访问请求对应的网页页面信息。步骤S103，基于第一网页页面信息绘制网页页面。具体地，根据得到的第一网页页面信息，通过相应的网页页面绘制方法绘制生成网页页面并向用户展示。本申请实施例提供了一种网页加载方法，与现有技术直接通过浏览器向服务器发起访问请求获取网页页面信息相比，本申请实施例通过获取用户的访问请求信息，然后通过网页插件拦截基于访问请求信息生成的网络访问请求，并通过网页插件基于缓存数据得到网络访问请求对应的第一网页页面信息，基于第一网页页面信息绘制网页页面。即通过网页插件对网络访问请求进行拦截，然后从缓存数据中获取网络访问请求对应的第一网页页面信息，并绘制生成网页界面，也即是说绘制网页页面所需的网页页面信息是从缓存数据中获取的，不是通过向服务器发起相应的请求才能获取网页页面信息，减少向服务器发起请求获取网页页面信息的时间，从而提升了网页的加载速度，此外，即使是在无网络服务的情况下，也能够实现相应网页页面的加载，进而提升了用户的用户体验。本申请实施本文档来自技高网...

【技术保护点】
1.一种网页加载方法，其特征在于，包括：获取用户的访问请求信息；通过网页插件拦截基于所述访问请求信息生成的网络访问请求，并通过所述网页插件基于缓存数据得到所述网络访问请求对应的第一网页页面信息；基于所述第一网页页面信息绘制网页页面。

【技术特征摘要】
1.一种网页加载方法，其特征在于，包括：获取用户的访问请求信息；通过网页插件拦截基于所述访问请求信息生成的网络访问请求，并通过所述网页插件基于缓存数据得到所述网络访问请求对应的第一网页页面信息；基于所述第一网页页面信息绘制网页页面。2.根据权利要求1所述的方法，其特征在于，所述通过所述网页插件基于缓存数据得到所述网络访问请求对应的第一网页页面信息，包括：通过所述网页插件从所述缓存数据中获取所述网络访问请求对应的第二网页页面信息；通过所述网页插件从服务器获取所述网络访问请求对应的第三网页页面信息；基于所述第二网页页面信息与所述第三网页页面信息确定所述第一网页页面信息。3.根据权利要求2所述的方法，其特征在于，所述第二网页页面信息包括网页静态资源信息，所述网页静态资源信息包括网页样式信息、网页字体信息中的至少一项；所述第三网页页面信息包括网页动态数据信息。4.根据权利要求1所述的方法，其特征在于，所述缓存数据中存储有至少一个网络访问请求及所述至少一个网络访问请求对应的网页页面信息块；所述缓存数据中数据信息的获取方式包括以下至少一项：预先设置至少一个网络访问请求及所属至少一个网络访问请求对应的网页页面信息信息块；本次网络访问请求之前，从服务器获取至少一个网络访问请求对应的网页页面信息，并将所述至少一个网络访问请求及所述至少一个网络访问请求对应的网页页面信息构成的信息块存储至缓存...

【专利技术属性】
技术研发人员：徐亚楠，刘巍巍，潘红双，曹建锋，
申请(专利权)人：中信百信银行股份有限公司，
类型：发明
国别省市：北京,11