[发明专利]一种终端页面传输方法、装置、介质和电子设备

说明书

本发明实施例涉及一种终端页面传输方法、装置、介质及电子设备，该方法包括：向服务端发送文件传输请求；接收服务端通过响应文件传输请求而返回的用于构建页面的文件，并存储在本地存储器中；向服务端发送html页面传输服务请求；接收服务端通过响应html页面传输服务请求而返回的纯标记符的html页面；基于纯标记符的html页面从本地存储器中获取并加载用于构建页面的文件，并通过对纯标记符的html页面进行解析和渲染。本发明通过改变页面传输方式，先将页面加载需要的文件传输给终端并存储，再根据html页面尽快从本地存储的文件进行页面解析和渲染，避免网络故障导致因无法及时记载文件出现白屏的问题。

技术领域

本发明涉及互联网技术领域，尤其涉及一种终端页面传输方法、装置、介质及电子设备。

背景技术

传统的自助终端目前多数用客户端原生本地代码方式进行加载，所以不存在客户端/服务端的通信不稳定因素而导致页面无法加载的情况出现。但随着html5页面技术的普及，自助终端的客户端是通过服务端进行加载页面的，此时需保证自助终端的首页和其他功能性页面需一次加载成功。

但是，就当前的自助终端应用使用场景而言，其网络不稳定因素是客观存在，因此自助终端在首次从服务器端加载功能页面时，会偶发性地无法获取需要加载的功能页面而出现白屏的情况，且问题不好重现和修复，导致自助终端的用户体验极速下降。这种问题的原因主要由于自助终端浏览器内核在顺序解析服务端传输过来的页面元素时，若较多的层叠样式表(Cascading Style Sheets，简称CSS)文件和JavaScript代码需要同步解析渲染，此时如果网络不稳定，那么浏览器内核将终止对整个页面进行解析，便导致自助终端出现白屏的情况。

基于上述，现有技术中自助终端因网络不稳定出现白屏的问题。

上述缺陷是本领域技术人员期望克服的。

发明内容

(一)要解决的技术问题

为了解决现有技术的上述问题，本发明提供一种终端页面传输方法、装置、介质及电子设备，解决现有技术中自助终端在加载服务端页面时出现白屏的问题。

(二)技术方案

为了达到上述目的，本发明采用的主要技术方案包括：

根据本发明实施例的第一方面，提供了本发明提供一种终端页面传输方法，其包括：

向服务端发送文件传输请求；

接收服务端通过响应所述文件传输请求而返回的用于构建页面的文件，并存储在本地存储器中；

向服务端发送html页面传输服务请求；

接收服务端通过响应所述html页面传输服务请求而返回的纯标记符的html页面；

基于纯标记符的html页面从所述本地存储器中获取并加载所述用于构建页面的文件，并通过对所述纯标记符的html页面进行解析和渲染。

在本发明的一种示例性实施例中，所述文件传输请求为针对终端的首页和功能页的页面构建所需文件的请求。

在本发明的一种示例性实施例中，所述用于构建页面的文件包括页面中的图片文件、CSS文件和Javascript文件。

在本发明的一种示例性实施例中，接收服务端通过响应所述文件传输请求而返回的用于构建页面的文件之后，还包括：

针对收到的所述用于构建页面的文件获取版本标识；

将所述版本标识与本地存储器中已存储的文件版本标识进行比较，如果所述版本标识与本地存储器中已存储的文件版本标识不同，则更新本地存储器中的文件。