一种页面展示方法、装置、电子设备及存储介质制造方法及图纸

本发明专利技术实施例提供一种页面展示方法、装置、电子设备和存储介质，获取待展示页面中的多个页面元素，在所述多个页面元素中确定加载时长满足预设范围的目标元素，以与所述目标元素对应的预先生成的占位元素替换展示所述目标元素，利用加载时长快的元素代替加载时长慢的元素，避免了用户在浏览页面时错过加载时长慢的元素，以及页面中各元素的浏览量分布不均的问题，提高了用户对于页面展示的体验感。提高了用户对于页面展示的体验感。提高了用户对于页面展示的体验感。

【技术实现步骤摘要】
一种页面展示方法、装置、电子设备及存储介质


[0001]本专利技术属于页面展示
，尤其涉及一种页面展示方法、装置、电子设备及存储介质。

技术介绍

[0002]页面资源一般存储在服务器中，当用户需要浏览某个网页时，则会向服务器发送用于获取页面资源的请求，以将服务器中的页面资源加载至用户终端中浏览。
[0003]在用户端加载页面资源时，可能因为用户终端性能差异以及网速的限制，出现页面资源中一些页面元素加载时间过长的情况。例如：页面中文字元素占用的空间小，所以加载较快，而图片元素占用的空间大，当用户终端的性能差或者网速较慢时，等待图片加载完成则需要更多的等待时长。
[0004]对于页面中加载时长不同的各元素，用户往往容易看到加载时长较短的元素，不容易看到加载时长较长的元素，从而导致页面中各元素的浏览量分布不均。

技术实现思路

[0005]本专利技术提供了一种页面展示方法、装置、电子设备及存储介质，以解决现有技术页面中各元素的浏览量分布不均的问题。
[0006]第一方面，本专利技术实施例提供一种页面展示方法，所述方法包括：
[0007]获取待展示页面中的多个页面元素；
[0008]在所述多个页面元素中确定加载时长满足预设范围的目标元素；
[0009]以与所述目标元素对应的预先生成的占位元素替换展示所述目标元素，其中，所述占位元素的加载时长小于所述目标元素的加载时长。
[0010]可选地，所述占位元素沿袭所述目标元素。
[0011]可选地，所述占位元素与所述目标元素的元素类型相同。
[0012]可选地，所述目标元素包括第一图片，所述占位元素包括第二图片，所述第二图片为根据所述第一图片生成的，其中，所述第二图片的位数小于所述第一图片的位数。
[0013]可选地，还包括：提取所述第一图片中的多个像素点的第一像素值；
[0014]依据预设转化关系，将所述第一像素值转化为第二像素值；
[0015]根据所述第二像素值生成所述第二图片。
[0016]可选地，所述依据预设转化关系包括将颜色值域范围大的像素值转化为颜色值域范围小的像素值。
[0017]可选地，所述方法还包括：
[0018]在展示所述占位元素时，加载所述目标元素；
[0019]若所述目标元素加载完成，则以所述目标元素替换展示所述占位元素。
[0020]第二方面，本专利技术实施例提供一种页面展示装置，包括：
[0021]获取模块，用于获取待展示的页面中多个页面元素；
[0022]确定模块，用于在所述多个页面元素中确定加载时长大于阈值的目标元素；
[0023]显示模块，用于若查找到与所述目标元素对应的占位元素，在所述页面中显示所述占位元素，所述占位元素的加载时长小于所述目标元素的加载时长。
[0024]第三方面，本专利技术实施例提供一种电子设备，包括存储器、处理器，所述存储器中存储有可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述第一方面所述的方法。
[0025]第四方面，本专利技术实施例提供一种具有处理器可执行的非易失的程序代码的计算机可读介质，所述程序代码使所述处理器执行上述第一方面所述的方法。
[0026]本专利技术实施例提供的技术方案中通过获取待展示页面中的多个页面元素，在所述多个页面元素中确定加载时长满足预设范围的目标元素，以与所述目标元素对应的预先生成的占位元素替换展示所述目标元素，利用加载时长快的元素代替加载时长慢的元素，避免了用户在浏览页面时错过加载时长慢的元素，以及页面中各元素的浏览量分布不均的问题，提高了用户对于页面展示的体验感。
附图说明
[0027]此处所说明的附图用来提供对本专利技术的进一步理解，构成本专利技术的一部分，本专利技术的示意性实施例及其说明用于解释本专利技术，并不构成对本专利技术的不当限定。在附图中：
[0028]图1是本专利技术实施例的一种页面展示方法流程图；
[0029]图2是本专利技术实施例的一种页面展示装置的结构示意图；
[0030]图3为本专利技术实施例的一种电子设备的示意图。
具体实施方式
[0031]为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0032]为了更好的理解本专利技术的技术方案，下面结合附图对本专利技术实施例进行详细描述。
[0033]目前，在用户端加载页面资源时，可能因为用户终端性能差异以及网速的限制，出现页面资源中一些页面元素加载时间过长的情况。例如：页面中文字元素占用的空间小，所以加载较快，而图片元素占用的空间大，当用户终端的性能差或者网速较慢时，等待图片加载完成则需要更多的等待时长。对于页面中加载时长不同的各元素，用户往往容易看到加载时长较短的元素，不容易看到加载时长较长的元素，从而导致页面中各元素的浏览量分布不均,当前主要采用占位元素的方式提示用户在未显示元素的位置有元素正在加载，比如占位图中写有“正在加载资源”的标语，或者直接用空白图占位，但是上述方式并没有考虑到与实际展示的图片的联系，千篇一律的使用一样的占位图，同样无法引起用户的注意，无法平衡页面元素的浏览量，基于此，图1为本专利技术一实施例提供的一种页面展示方法的流程图，如图1所示，该方法包括：
[0034]步骤101，获取待展示页面中的多个页面元素。
[0035]在该步骤中，待展示页面可包括网站页面或者应用程序(Application，简称APP)页面。页面元素可包括文字元素或者图片元素。除此之外，页面元素还可以包括其他类型元素。需要说明的是，APP页面和网站页面上页面展示模块的顺序以及位置都是固定的，因此可按照页面展示模块的排列顺序依次获取待展示页面中的多个页面元素。
[0036]本专利技术实施例中，例如，从某一待展示页面中获取到的多个页面元素包括：文字元素A、文字元素B、文字元素C以及图片元素D。在通常情况下，由于页面中文字元素占用的空间小，加载速度较快，因此能够在页面中较快的显示文字元素，而由于图片元素占用的空间大，加载速度较慢，因此在进行页面展示时，若用户终端的性能差或者网速较慢，则需要更多的等待时长以使图片加载完成。
[0037]然而上述情况仅为通常情况下，为保证页面展示的效率，本专利技术实施例不能直接断定文字元素能够较快显示，而图片元素则需要较长时间才能显示。也就是说，本专利技术实施例中需要在获取多个页面元素之后，确定出每个页面元素的加载时长。例如，文字元素A的加载时长为0.01ms，文字元素B的加载时长为0.2ms、文字元素C的加载时长为0.1ms，图片元素D的加载时长为3s。在确定出每个页面元素的加载时长之后，需要执行后续步骤102，确定出加载时长满足预设范围的目本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面展示方法，其特征在于，所述方法包括：获取待展示页面中的多个页面元素；在所述多个页面元素中确定加载时长满足预设范围的目标元素；以与所述目标元素对应的预先生成的占位元素替换展示所述目标元素，其中，所述占位元素的加载时长小于所述目标元素的加载时长。2.根据权利要求1所述的页面展示方法，其特征在于，所述占位元素沿袭所述目标元素。3.根据权利要求1所述的页面展示方法，其特征在于，所述占位元素与所述目标元素的元素类型相同。4.根据权利要求3所述的页面展示方法，其特征在于，所述目标元素包括第一图片，所述占位元素包括第二图片，所述第二图片为根据所述第一图片生成的，其中，所述第二图片的位数小于所述第一图片的位数。5.根据权利要求4所述的页面展示方法，其特征在于，还包括：提取所述第一图片中的多个像素点的第一像素值；依据预设转化关系，将所述第一像素值转化为第二像素值；根据所述第二像素值生成所述第二图片。6.根据权利要求5所述的页面展示方法，其特征在于...

【专利技术属性】
技术研发人员：喻争，王溢君，
申请(专利权)人：长沙市到家悠享网络科技有限公司，
类型：发明
国别省市：