[发明专利]网页数据加载方法、装置、计算机设备及存储介质

说明书

本发明涉及数据加载技术领域，公开一种网页数据加载方法、装置、计算机设备及存储介质。该方法客户端执行的如下步骤：获取网页访问请求，所述网页访问请求包括目标URL地址；基于所述目标URL地址查询localstorage存储器，判断所述localstorage存储器是否存储有与所述目标URL地址相对应的本地内容字符串；若所述localstorage存储器存储有所述本地内容字符串，则基于所述本地内容字符串加载与所述本地内容字符串相对应的本地静态资源数据，在当前显示页面上渲染显示所述本地静态资源数据。该方法可加载localstorage存储器中缓存的本地内容字符串对应的本地静态资源数据，提高与目标URL地址相对应的目标网页数据中的静态资源数据的加载效率，避免浪费通信资源。

技术领域

本发明涉及数据加载技术领域，尤其涉及一种网页数据加载方法、装置、计算机设备及存储介质。

背景技术

现有web技术的基础为HTML、CSS和JavaScript三大前端核心技术，在前端模块具体体现为xxx.html文件、xxx.css文件和xxx.js文件，这些代码文件及其相关的图片、音视频等资源文件，通称为静态资源数据。这些静态资源数据，通常是前端页面顺利加载必不可少的关键要素，缺失其中某一部分都有可能导致web页面的异常，但是现有web技术，静态资源数据统统存储于服务器，每次页面加载都需要通过http请求，从服务器加载相关静态资源数据，加载速度较慢，且在网络异常或服务器故障等情况下，会出现请求异常，不能正常显示相关内容，影响用户体验等问题。

发明内容

本发明实施例提供一种网页数据加载方法、装置、计算机设备及存储介质，以解决现有静态资源数据加载速度较慢的问题。

一种网页数据加载方法，包括客户端执行的如下步骤：

获取网页访问请求，所述网页访问请求包括目标URL地址；

基于所述目标URL地址查询localstorage存储器，判断所述localstorage存储器是否存储有与所述目标URL地址相对应的本地内容字符串；

若所述localstorage存储器存储有所述本地内容字符串，则基于所述本地内容字符串加载与所述本地内容字符串相对应的本地静态资源数据，在当前显示页面上渲染显示所述本地静态资源数据；

若所述localstorage存储器没有存储所述本地内容字符串，则与服务器创建WebSocket通信链路，向服务器发送与所述目标URL地址相对应的内容访问请求，获取所述服务器返回的与所述目标URL地址相对应的目标内容字符串和目标hash码；

基于所述目标内容字符串加载与所述目标内容字符串相对应的目标静态资源数据，在当前显示页面上渲染显示所述目标静态资源数据，并将所述目标URL地址、所述目标内容字符串和所述目标hash码关联存储在所述localstorage存储器上。

一种网页数据加载方法，包括服务器执行的如下步骤：

获取客户端通过WebSocket通信链路发送的内容访问请求，所述内容访问请求包括目标URL地址；

根据所述目标URL地址查询后台数据库，获取与所述目标URL地址相对应的目标内容字符串和目标hash码；

将与所述目标URL地址相对应的目标内容字符串和目标hash码，通过WebSocket通信链路发送给所述客户端，以使所述客户端基于所述目标内容字符串加载与所述目标内容字符串相对应的目标静态资源数据，在当前显示页面上渲染显示所述目标静态资源数据，并将所述目标URL地址、所述目标内容字符串和所述目标hash码关联存储在所述localstorage存储器上。

一种网页数据加载装置，包括：

网页访问请求获取模块，用于获取网页访问请求，所述网页访问请求包括目标URL地址；