网页数据加载方法、装置、计算机设备及存储介质制造方法及图纸

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

【技术实现步骤摘要】
网页数据加载方法、装置、计算机设备及存储介质
本专利技术涉及数据加载
，尤其涉及一种网页数据加载方法、装置、计算机设备及存储介质。
技术介绍
现有web技术的基础为HTML、CSS和JavaScript三大前端核心技术，在前端模块具体体现为xxx.html文件、xxx.css文件和xxx.js文件，这些代码文件及其相关的图片、音视频等资源文件，通称为静态资源数据。这些静态资源数据，通常是前端页面顺利加载必不可少的关键要素，缺失其中某一部分都有可能导致web页面的异常，但是现有web技术，静态资源数据统统存储于服务器，每次页面加载都需要通过http请求，从服务器加载相关静态资源数据，加载速度较慢，且在网络异常或服务器故障等情况下，会出现请求异常，不能正常显示相关内容，影响用户体验等问题。
技术实现思路
本专利技术实施例提供一种网页数据加载方法、装置、计算机设备及存储介质，以解决现有静态资源数据加载速度较慢的问题。一种网页数据加载方法，包括客户端执行的如下步骤：获取网页访问请求，所述网页访问请求包括目标UR本文档来自技高网...

【技术保护点】
1.一种网页数据加载方法，其特征在于，包括客户端执行的如下步骤：/n获取网页访问请求，所述网页访问请求包括目标URL地址；/n基于所述目标URL地址查询localstorage存储器，判断所述localstorage存储器是否存储有与所述目标URL地址相对应的本地内容字符串；/n若所述localstorage存储器存储有所述本地内容字符串，则基于所述本地内容字符串加载与所述本地内容字符串相对应的本地静态资源数据，在当前显示页面上渲染显示所述本地静态资源数据；/n若所述localstorage存储器没有存储所述本地内容字符串，则与服务器创建WebSocket通信链路，向服务器发送与所述目标URL...

【技术特征摘要】
1.一种网页数据加载方法，其特征在于，包括客户端执行的如下步骤：
获取网页访问请求，所述网页访问请求包括目标URL地址；
基于所述目标URL地址查询localstorage存储器，判断所述localstorage存储器是否存储有与所述目标URL地址相对应的本地内容字符串；
若所述localstorage存储器存储有所述本地内容字符串，则基于所述本地内容字符串加载与所述本地内容字符串相对应的本地静态资源数据，在当前显示页面上渲染显示所述本地静态资源数据；
若所述localstorage存储器没有存储所述本地内容字符串，则与服务器创建WebSocket通信链路，向服务器发送与所述目标URL地址相对应的内容访问请求，获取所述服务器返回的与所述目标URL地址相对应的目标内容字符串和目标hash码；
基于所述目标内容字符串加载与所述目标内容字符串相对应的目标静态资源数据，在当前显示页面上渲染显示所述目标静态资源数据，并将所述目标URL地址、所述目标内容字符串和所述目标hash码关联存储在所述localstorage存储器上。


2.如权利要求1所述的网页数据加载方法，其特征在于，在所述若所述localstorage存储器存储有所述本地内容字符串，则基于所述本地内容字符串加载与所述本地内容字符串相对应的本地静态资源数据，在当前显示页面上渲染显示所述本地静态资源数据之后，所述网页数据加载方法还包括：
生成更新访问请求，所述更新访问请求包括目标URL地址和本地hash码；
通过预先创建的WebSocket通信链路，向服务器发送更新访问请求，获取所述服务器在存在内容更新时触发的更新结果数据，所述更新结果数据包括与所述目标URL地址相对应的更新内容字符串和更新hash码；
基于所述更新内容字符串加载与所述更新内容字符串相对应的更新静态资源数据，在当前显示页面上渲染显示所述更新静态资源数据，并将所述目标URL地址、所述更新内容字符串和所述更新hash码关联存储在所述localstorage存储器上。


3.如权利要求1所述的网页数据加载方法，其特征在于，在所述获取网页访问请求之前，所述网页数据加载方法还包括：
获取网页配置请求，所述网页配置请求包括配置URL地址和配置静态资源数据；
对所述配置静态资源数据进行转换处理，获取与所述配置静态资源数据相对应的配置内容字符串；
采用MD5算法对所述配置内容字符串进行处理，获取配置hash码；
基于所述配置URL地址、所述配置内容字符串和所述配置hash码形成网页配置信息，将所述网页配置信息发送给所述服务器。


4.一种网页数据加载方法，其特征在于，包括服务器执行的如下步骤：
获取客户端通过WebSocket通信链路发送的内容访问请求，所述内容访问请求包括目标URL地址；
根据所述目标URL地址查询后台数据库，获取与所述目标URL地址相对应的目标内容字符串和目标hash码；
将与所述目标URL地址相对应的目标内容字符串和目标hash码，通过WebSocket通信链路发送给所述客户端，以使所述客户端基于所述目标内容字符串加载与所述目标内容字符串相对应的目标静态资源数据，在当前显示页面上渲染显示所述目标静态资源数据，并将所述目标URL地址、所述目标内容字符串和所述目标hash码关联存储在所述localstorage存储器上。


5.如权利要求4所述的网页数据加载方法，其特征在于，在所述将与所述目标URL地址相对应的目标内容字符串和目标hash码，通过WebSocket通信链路发送给所述客户端之后，所述网页数据加载方法还包括：
获取客户端通过WebSocket通信链路发送的更新访问请求，所述更新访问请求包括目标URL地址和本地...

【专利技术属性】
技术研发人员：彭娜，
申请(专利权)人：中国平安财产保险股份有限公司，
类型：发明
国别省市：广东;44