页面元素的请求方法、显示方法及客户端技术

本申请实施方式公开了一种页面元素的请求方法、显示方法及客户端。其中，所述请求方法包括：拦截向服务器发出的第一访问请求，所述第一访问请求中包括用于请求目标页面元素的任务；获取所述第一访问请求中用于请求目标页面元素的任务，生成第二访问请求，所述第二访问请求用于获取所述目标页面元素；通过并发多线程队列的子线程，向所述服务器发送所述第二访问请求；通过所述子线程接收所述服务器返回的针对所述第二访问请求的响应数据。本申请实施方式提供的一种页面元素的请求方法、显示方法及客户端，能够提高应用程序对页面元素的加载速度。

Page element request method, display method and client side

The application mode discloses a request method, a display method and a client of a page element. The request method includes the intercepting the first access request to the server, the first access request including the task for requesting the target page element; obtaining the task for requesting the target page element in the first access request, generating a second access request, and the second access request for access. The target page element; sending the second access request to the server through the concurrent multithreading queue of Zi Xiancheng; receiving the response data returned by the server for the second access request through the sub thread. The request method, display method and client end of a page element provided by the application implementation method can improve the loading speed of the application program to page elements.

【技术实现步骤摘要】
页面元素的请求方法、显示方法及客户端
本申请涉及计算机
，特别涉及一种页面元素的请求方法、显示方法及客户端。
技术介绍
随着终端设备的不断发展，在终端设备上可以运行越来越多的应用程序。当应用程序在终端设备上运行时，通常需要从所述应用程序的后台业务服务器加载当前页面中待显示的页面元素。所述页面元素例如可以包括图片、视频、文字等。当前，在从后台业务服务器中加载页面元素时，通常可以由终端设备中的线程来进行页面元素请求、页面元素下载以及对下载的页面元素进行处理等过程。现有技术中，终端设备中运行的应用程序，通常会具有一个主线程。并通过该主线程进行与后台服务器通信，以及进行应用程序的页面渲染等工作。如此，使得应用程序在运行过程中，可能会出现因为数据尚未准备好，导致的页面卡顿现象。可能会导致用户体验较差。
技术实现思路
本申请实施方式的目的是提供一种页面元素的请求方法、显示方法及客户端，能够提高应用程序对页面元素的加载速度。为实现上述目的，本申请实施方式提供一种页面元素的请求方法，所述方法包括：拦截向服务器发出的第一访问请求，所述第一访问请求中包括用于请求目标页面元素的任务；获取所述第一访问请求中用于请求目标页面元素的任务，生成第二访问请求，所述第二访问请求用于获取所述目标页面元素；通过并发多线程队列的子线程，向所述服务器发送所述第二访问请求；通过所述子线程接收所述服务器返回的针对所述第二访问请求的响应数据。为实现上述目的，本申请实施方式还提供一种客户端，所述客户端包括：显示器，用于显示页面信息；处理器，用于拦截向服务器发出的第一访问请求，所述第一访问请求中包括用于请求目标页面元素的任务；获取所述第一访问请求中用于请求目标页面元素的任务，生成第二访问请求，所述第二访问请求用于获取所述目标页面元素；通过并发多线程队列的子线程，向所述服务器发送所述第二访问请求；通过所述子线程接收所述服务器返回的针对所述第二访问请求的响应数据；通过主线程对所述响应数据中的目标页面元素进行渲染，以将所述目标页面元素显示于所述显示器上的预设页面中。为实现上述目的，本申请实施方式还提供一种页面元素的显示方法，所述方法包括：向服务器发出针对页面元素的访问请求；接收所述服务器反馈的具有第一数据格式的页面元素；将所述页面元素从所述第一数据格式转换成第二数据格式；其中，所述页面元素处于所述第二数据格式时的数据量大于所述页面元素处于所述第一数据格式时的数据量；显示具有所述第二数据格式的页面元素。为实现上述目的，本申请实施方式还提供一种客户端，所述客户端包括：网络通信模块，用于进行网络数据通信；处理器，用于控制所述网络通信模块向服务器发出针对页面元素的访问请求；控制所述网络通信模块接收所述服务器反馈的具有第一数据格式的页面元素；将所述页面元素从所述第一数据格式转换成第二数据格式；其中，所述页面元素处于所述第二数据格式时的数据量大于所述页面元素处于所述第一数据格式时的数据量；显示器，用于显示具有所述第二数据格式的页面元素。由以上本申请实施方式提供的技术方案可见，本申请实施方式可以通过子线程向服务器发起针对页面元素的访问请求。如此，减少了主线程的工作负荷。这样，可以将主线程主要用于与页面渲染相关的工作。从而实现了应用程序的页面响应速度。再者，另一方面，本申请实施方式可以从服务器中获取数据量较小的具备第一数据格式的页面元素，然后在客户端处进行显示时，可以将所述页面元素从所述第一数据格式转换成第二数据格式，从而可以展示具有所述第二数据格式的页面元素。由于从服务器处读取的页面元素的数据量较小，因此也可以提高页面元素的加载速度。附图说明为了更清楚地说明本申请实施方式或现有技术中的技术方案，下面将对实施方式或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请中记载的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。图1为本申请实施方式中页面元素的请求方法流程图；图2为本申请实施方式中在本地匹配页面元素的步骤流程图；图3为本申请实施方式提供的一种客户端的结构示意图；图4为本申请实施方式提供的一种页面元素的显示方法流程图；图5为本申请实施方式提供的一种客户端的结构示意图。具体实施方式为了使本
的人员更好地理解本申请中的技术方案，下面将结合本申请实施方式中的附图，对本申请实施方式中的技术方案进行清楚、完整地描述，显然，所描述的实施方式仅仅是本申请一部分实施方式，而不是全部的实施方式。基于本申请中的实施方式，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施方式，都应当属于本申请保护的范围。本申请以下实施方式提供的技术方案可以应用于客户端和服务器的交互系统中。其中，所述客户端可以包括具有数据信息处理功能和数据信息存储功能的硬件设备。所述硬件设备例如可以包括计算机(台式计算机、便携式计算机)、智能手机、平板电脑、智能可穿戴设备等。在所述硬件设备中可以安装驱动所述硬件设备工作所必须的软件。所述软件例如可以包括操作系统、应用程序等。所述客户端可以提供有预定端口，通过该预定端口可以向所述服务器发送信息。例如，所述客户端可以基于HTTP、TCP/IP或FTP等网络协议以及网络通信模块与所述服务器进行网络数据交互。所述服务器可以包括具有数据信息处理功能的硬件设备和驱动该硬件设备工作所需必要的软件。所述服务器同样可以提供有预定端口，通过该预定端口可以向所述客户端发送信息。例如，所述服务器可以基于HTTP、TCP/IP或FTP等网络协议以及网络通信模块与所述客户端进行网络数据交互。所述服务器中可以存储所述客户端屏幕上显示的页面中的页面元素。请参阅图1，本申请实施方式提供一种页面元素的请求方法，所述方法可以包括以下步骤。步骤S11：拦截向服务器发出的第一访问请求，所述第一访问请求中包括用于请求目标页面元素的任务。在本实施方式中，客户端可以响应用户的操作，产生第一访问请求。或者，客户端在加载程序代码过程中，由执行该程序代码本身的内容，产生了第一访问请求。具体的，例如，用户使用手机运行手机京东时，点击某一个商品链接。客户端会响应该点击事件，针对该商品链接生成第一访问请求。在本实施方式中，可以拦截客户端向服务器发出的全部访问请求。也可以为，当访问请求中附带有预设资源标识时，才对访问请求进行拦截。还可以为，仅针对某一线程产生的访问请求进行拦截。其中，该预设资源标识可以表示访问请求指向的页面元素的类型。具体的，例如，预设资源标识可以为页面元素的扩展名。比如，扩展名可以为“jpg”、“bmp”、“webp”、“txt”、“doc”、“rmvb”、“MP3”等等不再列举。例如，客户端为iOS系统时，针对Webcore(主线程)产生的访问请求进行拦截。在本实施方式中，拦截访问请求，可以理解为：在客户端中可以设置有监听程序，该监听程序用于监听其它代码是否产生了访问请求。如果监听到客户端执行的代码产生了访问请求，可以进一步调用拦截程序，该拦截程序可以阻止访问请求通过客户端的通信端子发出。使得客户端内部可以针对该访问请求进行进一步处理。如此设置，可以使得各业务模块在开发过程中，可以仅仅关注其本文档来自技高网...

【技术保护点】
一种页面元素的请求方法，其特征在于，所述方法包括：拦截向服务器发出的第一访问请求，所述第一访问请求中包括用于请求目标页面元素的任务；获取所述第一访问请求中用于请求目标页面元素的任务，生成第二访问请求，所述第二访问请求用于获取所述目标页面元素；通过并发多线程队列的子线程，向所述服务器发送所述第二访问请求；通过所述子线程接收所述服务器返回的针对所述第二访问请求的响应数据。

【技术特征摘要】
1.一种页面元素的请求方法，其特征在于，所述方法包括：拦截向服务器发出的第一访问请求，所述第一访问请求中包括用于请求目标页面元素的任务；获取所述第一访问请求中用于请求目标页面元素的任务，生成第二访问请求，所述第二访问请求用于获取所述目标页面元素；通过并发多线程队列的子线程，向所述服务器发送所述第二访问请求；通过所述子线程接收所述服务器返回的针对所述第二访问请求的响应数据。2.根据权利要求1所述的方法，其特征在于，拦截向服务器发出的第一访问请求具体包括：检测向服务器发出的第一访问请求中携带的资源标识；当所述资源标识为预设资源标识时，拦截所述第一访问请求。3.根据权利要求1所述的方法，其特征在于，拦截向服务器发出的第一访问请求具体包括：判断向服务器发出的第一访问请求是否具备访问权限；当所述第一访问请求不具备访问权限时，拦截所述第一访问请求。4.根据权利要求3所述的方法，其特征在于，判断向服务器发出的第一访问请求是否具备访问权限具体包括：判断向服务器发出的第一访问请求是否记录于预设标记数组中；相应地，当所述第一访问请求没有记录于所述预设标记数组中时，判定所述第一访问请求不具备访问权限。5.根据权利要求1所述的方法，其特征在于，在通过所述子线程接收所述服务器返回的针对所述第二访问请求的响应数据之后，所述方法还包括：所述子线程将所述响应数据提供给主线程，并由所述主线程对所述响应数据中的目标页面元素进行渲染，以在预设页面中展示所述目标页面元素。6.根据权利要求1所述的方法，其特征在于，在拦截向服务器发出的第一访问请求之后，所述方法还包括：根据所述第一访问请求获取能唯一标识所述目标页面元素的元素标识；在本地存储的页面元素中匹配得到所述元素标识指向的目标页面元素；构建包含所述目标页面元素的响应信息，并将所述响应信息提供给主线程。7.根据权利要求6所述的方法，其特征在于，所述方法还包括：当在本地存储的页面元素中匹配失败时，为所述第一访问请求设置访问权限；其中，所述访问权限表示针对所述目标页面元素的访问请求不会被拦截；重新生成用于请求所述目标页面元素的访问请求，并通过所述子线程向所述服务器发送重新生成的访问请求。8.根据权利要求6所述的方法，其特征在于，根据所述第一访问请求获取能唯一标识所述目标页面元素的元素标识具体包括：基于所述第一访问请求，根据预设字符转换算法换算得到具备预设位数的字符串，并将所述字符串作为能唯一标识所述目标页面元素的元素标识。9.根据权利要求1所述的方法，其特征在于，在向所述服务器发送所述第二访问请求之前，所述方法还包括：根据待显示所述目标页面元素的终端设备的配置参数以及所述服务器的类型，所述子线程对所述第二访问请求进行修改，所述配置参数包括所述终端设备的屏幕尺寸参数和所述终端设备的当前网络参数中的至少一种。10.根据权利要求9所述的方法，其特征在于，在所述子线程对所述第二访问请求进行修改之前，所述方法还包括：所述子线程检测所述第二访问请求中是否包含优化后缀，当包含时，将所述优化后缀去除。11.根据权利要求9所述的方法，其特征在于，所述子线程对所述第二访问请求进行修改，具体包括以下所列中的一种或结合：所述子线程提取所述第二访问请求中的尺寸参数，当所述尺寸参数大于所述屏幕尺寸参数时，将所述第二访问请求中的尺寸参数修改为所述屏幕尺寸参数；所述子线程在所述第二访问请求中添加与所述当前网络参数相适配的图片质量参数。12.根据权利要求1所述的方法，其特征在于，所述子线程接收的响应数据中目标页面元素的格式为第一数据格式；相应地，在通过所述子线程接收所述服务器返回的针对所述第二...

【专利技术属性】
技术研发人员：杨成旭，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛,KY