页面处理方法、系统、电子设备、存储介质及程序产品技术方案

本申请实施例提供一种页面处理方法、系统、电子设备、存储介质及程序产品。涉及计算机技术领域，该方法包括：响应于进入第一页面，拉取脚本配置信息，发送第一数据获取请求至服务端；基于脚本配置信息获取最新版本的渲染脚本；接收各展示对象的快照数据；响应于访问请求，发送第二数据获取请求以获取实际页面数据；采用最新版本的渲染脚本对快照数据进行渲染得到第三页面；通过目标容器从第一页面跳转至第三页面；基于页面历史数据渲染并显示第四页面，移除第三页面；确定接收到实际页面数据，基于实际页面数据渲染第二页面，移除当前显示的页面，显示第二页面。本申请解决了相关技术中存在页面跳转过程存在的白屏时间过长的技术问题。

【技术实现步骤摘要】

本申请涉及计算机，尤其涉及一种页面处理方法、系统、电子设备、存储介质及程序产品。

技术介绍

1、在网页端或移动应用开发中，页面渲染是指浏览器或应用将代码转换为用户可见的页面的过程。而白屏是渲染过程中常见的现象，指页面加载出来之前显示空白页面。

2、在相关技术中，页面跳转时出现长时间白屏及渲染时长过长，主要源于数据获取与页面生成的衔接断层。当用户从第一页面点击目标对象触发跳转时，客户端需先向服务端发送请求获取目标页面的实际数据，此时终端侧从服务端拉取所需跳转的目标页面的页面数据，同时在终端侧显示空白页面。而数据传输速度受网速快慢、服务器响应效率等因素制约，若网络环境差或数据量庞大，传输耗时会加剧。客户端在接收完数据后，还需从头开始解析数据、加载渲染所需的脚本和资源，并依据页面结构生成完整页面，在数据传输和客户端渲染完成前，新的页面始终无法展示任何有效内容，只能呈现空白页面，无法展示任何信息，且缺乏过渡性内容填充，用户不得不长时间面对空白界面，等待时间较长，交互体验因此受损。

技术实现思路p>

1、本申请本文档来自技高网...

【技术保护点】

1.一种页面处理方法，其特征在于，应用于客户端，包括：

2.根据权利要求1所述的方法，其特征在于，所述服务端包括内容分发网络中的边缘节点，所述脚本配置信息包括主文档，所述主文档用于指示所述客户端和所述边缘节点之间进行数据传输的路径信息；

3.根据权利要求1所述的方法，其特征在于，所述脚本配置信息包括所述服务端更新渲染脚本时配置的第一版本迭代信息；

4.根据权利要求3所述的方法，其特征在于，所述确定出最新的目标版本迭代信息之后，所述方法还包括：

5.根据权利要求3所述的方法，其特征在于，在所述通过所述目标容器从所述第一页面跳转至所述第三页面之...

【技术特征摘要】

1.一种页面处理方法，其特征在于，应用于客户端，包括：

2.根据权利要求1所述的方法，其特征在于，所述服务端包括内容分发网络中的边缘节点，所述脚本配置信息包括主文档，所述主文档用于指示所述客户端和所述边缘节点之间进行数据传输的路径信息；

3.根据权利要求1所述的方法，其特征在于，所述脚本配置信息包括所述服务端更新渲染脚本时配置的第一版本迭代信息；

4.根据权利要求3所述的方法，其特征在于，所述确定出最新的目标版本迭代信息之后，所述方法还包括：

5.根据权利要求3所述的方法，其特征在于，在所述通过所述目标容器从所述第一页面跳转至所述第三页面之后，所述方法还包括：

6.根据权利要求3-5任一项所述的方法，其特征在于，在所述显示所述目标对象的第二页面之后，所述方法还包括：

7.根据权利要求1所述的方法，其特征在于，所述采用所述最新版本的渲染脚本对所述目标对象对应的快照数据进行渲染得到第三页面；创建目标容器，通过所述目标容器从所述第一页面跳转至所述第三页面，包括：

8.根据权利要求1所述的方法，其特征在于，所述采用所述最新版本的渲染脚本对所述目标对象对应的快照数据进行渲染得到第三页面；创建目标容器，通过所述目标容器从所述第一页面跳转至所述第三页面，包括：

9.根据权利要求7或8所述的方法，其特征在于，所述第一数据获取请求还用于获取容灾配置信息，采用所述最新版本的渲染脚本对所述目标对象对应的快照数据进行渲染得到第三页面之后，...

【专利技术属性】
技术研发人员：楼佳枫，邓卫星，
申请(专利权)人：拉扎斯网络科技上海有限公司，
类型：发明
国别省市：