加载页面资源的方法及装置、电子设备制造方法及图纸

本发明专利技术实施例提供了一种加载页面资源的方法及装置、电子设备，该方法，包括：在加载目标页面的情况下，获取目标页面中第一数量的页面元素各自对应的资源信息；加载第一数量的页面元素各自对应的资源信息；显示第一数量的页面元素中第二数量的页面元素各自对应的资源信息。在接收到用户的第一目标输入的情况下，显示全部或部分第一目标页面元素对应的资源信息。本发明专利技术实施例首次加载资源信息时将获取到的资源信息全部加载到了目标页面，从而在需要展示剩余资源信息时，可以节省加载资源信息的流程，从而缩短用户的等待时间，提升用户的使用体验。使用体验。使用体验。

【技术实现步骤摘要】
加载页面资源的方法及装置、电子设备


[0001]本专利技术涉及网络
，尤其涉及一种加载页面资源的方法及装置、电子设备。

技术介绍

[0002]在互联网飞速发展的时代背景下，人们只需使用终端设备即可访问互联网中的资源信息，足不出户的完成工作、生活当中的各种事情。通常互联网中的资源信息会被加载至页面中，通过页面的形式将资源信息展示给人们。随着互联网技术的不断发展，人们对使用体验的要求也在不断提升。而在用户使用体验中，用户等待的时间占据着十分重要的地位。目前，用户等待主要分为两个阶段，第一个阶段是首次打开页面时，用户等待页面初始化并首次加载数据；第二个阶段是页面已经加载并显示了部分数据内容时，在需要查看剩余数据内容的情况下，用户等待当前页面加载并显示剩余页面数据。
[0003]目前，针对第二个阶段的用户等待，通常采用预加载技术缩短用户的等待时长。即在用户访问页面的过程中，将当前页面中可能访问到的尚未显示的资源信息提前下载到本地。当用户需要访问这些资源信息时，从本地获取并加载显示这些资源信息，无需再次从服务器获取资源信息，从而缩短了用户在第二阶段的等待时长。
[0004]然而，在第二阶段中想要将用户尚未访问到的资源信息显示给用户，加载过程必不可少。随着资源信息所占空间的不断增大，即使使用了预加载技术，仍然需要较长的时间加载这些占据较大空间的资源信息，使得用户在第二阶段仍需要等待较长时间才能够查看资源信息。

技术实现思路

[0005]鉴于上述问题，提出了本专利技术实施例以便提供一种克服上述问题或者至少部分地解决上述问题的加载页面资源的方法及装置、电子设备。
[0006]第一方面，本专利技术实施例提供了一种加载页面资源的方法，所述方法包括：
[0007]在加载目标页面的情况下，获取所述目标页面中第一数量的页面元素各自对应的资源信息；
[0008]加载所述第一数量的页面元素各自对应的资源信息；
[0009]显示所述第一数量的页面元素中第二数量的页面元素各自对应的资源信息，其中，所述第二数量的数值小于所述第一数量的数值；
[0010]在接收到用户的第一目标输入的情况下，显示全部或部分第一目标页面元素对应的资源信息，其中，所述第一目标页面元素为所述第一数量的页面元素中未显示过资源信息的页面元素。
[0011]可选地，在显示全部或部分第一目标页面元素对应的资源信息的情况下，所述方法还包括：
[0012]监测所述第一目标页面元素的数量；
[0013]在所述第一目标页面元素的数量小于或等于第一目标数量的情况下，获取第三数
量的页面元素各自对应的资源信息，其中，所述第三数量的页面元素包括所述目标页面的所有页面元素中除所述第一数量的页面元素之外的部分或全部页面元素；
[0014]加载所述第三数量的页面元素各自对应的资源信息；
[0015]在接收到用户在所述目标页面的第二目标输入且所述第一目标页面元素的数量小于预设数量的情况下，显示部分或者全部第二目标页面元素对应的资源信息，其中，所述第二目标页面元素为所述第三数量的页面元素中未显示过资源信息的页面元素。
[0016]可选地，所述显示所述第一数量的页面元素中第二数量的页面元素各自对应的资源信息，包括：
[0017]在所述第一数量的页面元素中按照第一目标策略选择第二数量的页面元素；
[0018]将所述第二数量的页面元素的目标属性的属性值均调整为用于显示页面元素的第一属性值；
[0019]将剩余页面元素的目标属性的属性值均调整为用于隐藏页面元素的第二属性值，其中，所述剩余页面元素为所述第一数量的页面元素中除所述第二数量的页面元素之外的页面元素。
[0020]可选地，所述显示部分第一目标页面元素对应的资源信息，包括：
[0021]在全部所述第一目标页面元素中按照第二目标策略选择部分第一目标页面元素；
[0022]将所述部分第一目标页面元素的目标属性的属性值均调整为用于显示页面元素的第一属性值，以及将所述第一目标页面元素中剩余页面元素的目标属性的属性值均调整为用于隐藏页面元素的第二属性值。
[0023]可选地，所述第一数量的页面元素为相同类型的超文本标记语言标签构成的页面元素、和/或对应的资源信息大于或等于预设值的页面元素。
[0024]可选地，所述相同类型的超文本标记语言标签包括内联框架(iframe)标签。
[0025]第二方面，本专利技术实施例还提供一种加载页面资源的装置，所述装置包括：
[0026]第一获取模块，用于在加载目标页面的情况下，获取所述目标页面中第一数量的页面元素各自对应的资源信息；
[0027]第一加载模块，用于加载所述第一数量的页面元素各自对应的资源信息；
[0028]第一显示模块，用于显示所述第一数量的页面元素中第二数量的页面元素各自对应的资源信息，其中，所述第二数量的数值小于所述第一数量的数值；
[0029]第二显示模块，用于在接收到用户的第一目标输入的情况下，显示全部或部分第一目标页面元素对应的资源信息，其中，所述第一目标页面元素为所述第一数量的页面元素中未显示过资源信息的页面元素。
[0030]可选地，所述装置还包括：
[0031]监测模块，用于在显示全部或部分第一目标页面元素对应的资源信息的情况下，监测所述第一目标页面元素的数量；
[0032]第二获取模块，用于在所述第一目标页面元素的数量小于或等于第一目标数量的情况下，获取第三数量的页面元素各自对应的资源信息，其中，所述第三数量的页面元素包括所述目标页面的所有页面元素中除所述第一数量的页面元素之外的部分或全部页面元素；
[0033]第二加载模块，用于加载所述第三数量的页面元素各自对应的资源信息；
[0034]第三显示模块，用于在接收到用户在所述目标页面的第二目标输入且所述第一目标页面元素的数量小于预设数量的情况下，显示部分或者全部第二目标页面元素对应的资源信息，其中，所述第二目标页面元素为所述第三数量的页面元素中未显示过资源信息的页面元素。
[0035]第三方面，本专利技术实施例还提供一种电子设备，该电子设备包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上所述的加载页面资源的方法中的步骤。
[0036]第四方面，本专利技术实施例提供了一种计算机可读存储介质，所述计算机可读存储介质上存储计算机程序，所述计算机程序被处理器执行时实现如第一方面中所述的加载页面资源的方法的步骤。
[0037]在本专利技术实施例中，在加载目标页面的情况下，将获取所述目标页面中第一数量的页面元素各自对应的资源信息，从而得到需要展示在目标页面中的资源信息。然后将得到的这些需要展示在目标页面中的资源信息全部加载至目标页面中，并将这些需要展示在目标页面中的部分资源信息显示出来。从而在接收到用户的第一目标输入之后，将直接展示已加载至目标页面的且未被显示过的资源信息本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种加载页面资源的方法，其特征在于，所述方法包括：在加载目标页面的情况下，获取所述目标页面中第一数量的页面元素各自对应的资源信息；加载所述第一数量的页面元素各自对应的资源信息；显示所述第一数量的页面元素中第二数量的页面元素各自对应的资源信息，其中，所述第二数量的数值小于所述第一数量的数值；在接收到用户的第一目标输入的情况下，显示全部或部分第一目标页面元素对应的资源信息，其中，所述第一目标页面元素为所述第一数量的页面元素中未显示过资源信息的页面元素。2.根据权利要求1所述的方法，其特征在于，在显示全部或部分第一目标页面元素对应的资源信息的情况下，所述方法还包括：监测所述第一目标页面元素的数量；在所述第一目标页面元素的数量小于或等于第一目标数量的情况下，获取第三数量的页面元素各自对应的资源信息，其中，所述第三数量的页面元素包括所述目标页面的所有页面元素中除所述第一数量的页面元素之外的部分或全部页面元素；加载所述第三数量的页面元素各自对应的资源信息；在接收到用户在所述目标页面的第二目标输入且所述第一目标页面元素的数量小于预设数量的情况下，显示部分或者全部第二目标页面元素对应的资源信息，其中，所述第二目标页面元素为所述第三数量的页面元素中未显示过资源信息的页面元素。3.根据权利要求1所述的方法，其特征在于，所述显示所述第一数量的页面元素中第二数量的页面元素各自对应的资源信息，包括：在所述第一数量的页面元素中按照第一目标策略选择第二数量的页面元素；将所述第二数量的页面元素的目标属性的属性值均调整为用于显示页面元素的第一属性值；将剩余页面元素的目标属性的属性值均调整为用于隐藏页面元素的第二属性值，其中，所述剩余页面元素为所述第一数量的页面元素中除所述第二数量的页面元素之外的页面元素。4.根据权利要求1所述的方法，其特征在于，所述显示部分第一目标页面元素对应的资源信息，包括：在全部所述第一目标页面元素中按照第二目标策略选择部分第一目标页面元素；将所述部分第一目标页面元素的目标属性的属性值均调整为用于显示页面元素的第一属性值，以及将所述第一目标页面元素中剩余页面元素的目标属性的属性值均调整为用于隐藏页面元素的第二属性值。5.根据权利要求1所述的方法，其...

【专利技术属性】
技术研发人员：汪勇，高飞宇，
申请(专利权)人：上海瑞家信息技术有限公司，
类型：发明
国别省市：