一种进行页面快照的方法和装置制造方法及图纸

本申请涉及一种进行页面快照的方法和装置，包括：加载页面，并对所述页面进行渲染；执行页面快照反干扰步骤，其中，所述页面快照反干扰步骤包括：通过遍历所述页面中的页面资源属性，来查找具有延迟加载属性的页面资源，及修改查找到的所述页面资源的属性，并触发所述页面资源的渲染；以及对完成所述页面资源的渲染后的页面进行页面快照。本申请在进行页面快照时，对采用延迟加载技术的页面资源，利用所触发的预定事件，触发页面快照反干扰步骤的执行，使页面中的被延迟加载资源消除延迟加载从而自动地实现这些资源的正常渲染，进而实现了页面快照过程中的反干扰技术，提高了页面快照质量。

【技术实现步骤摘要】
一种进行页面快照的方法和装置
本申请涉及网页页面
，尤其涉及一种基于页面反延迟加载进行页面快照的方法和装置。
技术介绍
随着互联网的发展，用户对于网站的外观要求越来越高，每个页面中的资源越来越多，页面也随之越来越大，当用户网络状况不好时，页面加载速度变慢，从而会导致用户体验不佳，而且会造成网站服务器负载过大的问题。为了解决这个问题，前端的开发人员在存有大量页面资源的页面中采用延迟加载技术，通过在页面加载过程中使用了延迟加载的技术优化用户体验。延迟加载（lazyload）也称懒加载，是为了避免一些无谓的性能开销而提出了的，所谓延迟加载就是当在真正需要数据的时候，才真正执行数据加载操作，当调用延迟加载方法加载对象时，返回的是代理对象，等到真正用到该对象的内容时才发出数据库操作语句。例如：在浏览页面时，只有当浏览到接近图片附近的位置，图片才开始加载，未浏览到的图片用空白页或其他元素代替。但是在利用延迟加载技术优化用户体验的过程中，特别是在需要对页面进行快照时，延迟加载技术对页面快照产生干扰，会出现如图1所示的采用延迟加载技术的页面快照示意图，可以看到延迟加载技术使得在对页面进行快照时，未能获得加载完全的页面或页面资源（比如图片），因此，影响了页面快照的效果。之所以会出现延迟加载技术影响页面快照效果的问题是在于：页面快照是在搜索引擎在收录页面时，对页面进行抓取并备份，存储在服务器缓存里，但是在抓取过程中，由于包含大量资源的页面采用延迟加载技术，页面未完全加载完毕，就对页面进行了快照并保存。当用户在搜索引擎中点击“页面快照”链接时，搜索引擎将当时抓取并保存的页面内容展现出来，呈现在用户面前的是包含空白内容的页面。从而影响了页面快照这一应用的用户体验。也即是说，在一些页面应用中，使用了延迟加载技术的页面加载导致了这些页面应用效果差用户体验差的结果，因此针对使用了延迟加载技术的页面加载，需要提供一种方法来消除延迟加载的影响从而实现对页面资源的完整快照。
技术实现思路
本申请的主要目的在于提供一种进行页面快照的方法和装置，以解决现有技术存在的对包含大量页面资源的页面采用延迟加载技术而导致的页面快照应用受到干扰，导致页面快照质量下降的问题。为了解决上述技术问题，本申请的目的是通过以下技术方案实现的：本申请提供了一种进行页面快照的方法，包括以下步骤：加载页面，并对所述页面进行渲染；执行页面快照反干扰步骤，其中，所述页面快照反干扰步骤包括：通过遍历所述页面中的页面资源属性，来查找具有延迟加载属性的页面资源，及修改查找到的所述页面资源的属性，并触发所述页面资源的渲染；以及对完成所述页面资源的渲染后的页面进行页面快照。优选地，在根据本申请所述的方法中，还可以包括：检测在页面渲染过程中触发的预定事件，所述预定事件包括：页面初始化布局完成事件及页面加载完成事件中的至少一个；以及当检测到所述预定事件时，触发所述页面快照反干扰步骤的执行。优选地，在根据本申请所述的方法中，所述通过遍历所述页面中的页面资源属性，来查找具有延迟加载属性的页面资源的步骤，包括：遍历所述页面中的页面资源，并形成页面资源列表；顺序获取所述页面资源列表中的每一个页面资源，并查询所述页面资源的属性。优选地，在根据本申请所述方法中，所述修改查找到的所述页面资源的属性，并触发所述页面资源的渲染的步骤，包括：找出包含延迟加载属性的页面资源，根据所述页面资源的src属性获取所述页面资源的真实地址，从所述真实地址获取所述页面资源以实现对原先被延迟加载的页面资源的渲染。优选地，在根据本申请所述的方法中，还可以包括：在页面渲染过程中检测到最后一个触发的预定事件之后，则每隔一个预设时间段，触发一次所述页面快照反干扰步骤的执行，直至页面渲染完成。优选地，在根据本申请所述的方法中，所述页面资源是图片。本申请还提供了一种进行页面快照的装置，包括：渲染模块，用于加载页面，并对所述页面进行渲染；反干扰执行模块，用于执行页面快照反干扰操作，其中，所述页面快照反干扰操作包括：通过遍历所述页面中的页面资源属性，来查找具有延迟加载属性的页面资源，及修改查找到的所述页面资源的属性，并触发所述页面资源的渲染；以及快照模块，用于对完成所述页面资源的渲染后的页面进行页面快照。优选地，在根据本申请所述的装置中，还可以包括：检测模块，用于检测在页面渲染过程中触发的预定事件，所述预定事件包括：页面初始化布局完成事件及页面加载完成事件中的至少一个；以及第一触发模块，用于当检测到所述预定事件时，触发所述页面快照反干扰操作的执行。优选地，在根据本申请所述的装置中，所述反干扰执行模块包括：列表形成模块，用于遍历所述页面中的页面资源，并形成页面资源列表；属性查询模块，用于顺序获取所述页面资源列表中的每一个页面资源，并查询所述页面资源的属性。优选地，在根据本申请所述的装置中，所述反干扰执行模块包括：执行子模块，用于找出包含延迟加载属性的页面资源，根据所述页面资源的src属性获取所述页面资源的真实地址，从所述真实地址获取所述页面资源以实现对原先被延迟加载的页面资源的渲染。优选地，根据本申请所述的装置，还可以包括：第二触发模块，用于在页面渲染过程中检测到最后一个触发的预定事件之后，则每隔一个预设时间段，触发一次所述页面快照反干扰操作的执行，直至页面渲染完成。优选地，根据本申请所述的装置，还可以包括：其中，所述页面资源是图片。与现有技术相比，根据本申请的技术方案具有以下优点：在进行页面快照时，对采用延迟加载技术的页面资源，利用所触发的预定事件，触发页面快照反干扰步骤的执行，使页面中的被延迟加载资源消除延迟加载从而自动地实现这些资源的正常渲染，进而实现了页面快照过程中的反干扰技术，提高了页面快照质量。附图说明此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：图1是现有技术的采用延迟加载技术的页面快照示意图；图2是本申请实施例的进行页面快照的方法的流程图；图3是本申请实施例的页面快照反干扰步骤的具体执行步骤的流程图；图4是本申请实施例的进行页面快照的装置的模块图；图5是本申请实施例的反干扰执行模块402的单元模块图；以及图6是本申请实施例的采用页面反延迟加载的页面快照示意图。具体实施方式本申请的主要思想在于，加载页面，并对所述页面进行渲染；执行页面快照反干扰步骤，其中，所述页面快照反干扰步骤包括：通过遍历所述页面中的页面资源属性，来查找具有延迟加载属性的页面资源，及修改查找到的所述页面资源的属性，并触发所述页面资源的渲染；以及对完成所述页面资源的渲染后的页面进行页面快照。为使本申请的目的、技术方案和优点更加清楚，以下结合附图及具体实施例，对本申请作进一步地详细说明。根据本申请的实施例，提供了一种进行页面快照的方法。参考图2，图2是本申请实施例的进行页面快照的方法的流程图。在步骤S201处，加载页面，并对所述页面进行渲染。例如，当服务器采集了大量页面信息时，会利用页面快照技术，在特定时刻对特定网站的特定页面进行页面快照，或者，在搜索结果页，数据分析等特定场景中同样可以对页面进行快照。应当注意，对页面快照的应用并不限于这里列举本文档来自技高网...

【技术保护点】
一种进行页面快照的方法，其特征在于，包括：加载页面，并对所述页面进行渲染；执行页面快照反干扰步骤，其中，所述页面快照反干扰步骤包括：通过遍历所述页面中的页面资源属性，来查找具有延迟加载属性的页面资源，及修改查找到的所述页面资源的属性，并触发所述页面资源的渲染；以及对完成所述页面资源的渲染后的页面进行页面快照。

【技术特征摘要】
1.一种进行页面快照的方法，其特征在于，包括：加载页面，并对所述页面进行渲染；执行页面快照反干扰步骤，其中，所述页面快照反干扰步骤包括：通过遍历所述页面中的页面资源的属性，来查找具有延迟加载属性的页面资源，及修改查找到的所述页面资源的属性，并触发所述页面资源的渲染，包括：获取查找到的所述页面资源的真实地址；从所述真实地址获取所述页面资源以实现对原先被延迟加载的页面资源的渲染；以及对完成所述页面资源的渲染后的页面进行页面快照。2.根据权利要求1所述的方法，其特征在于，还包括：检测在页面渲染过程中触发的预定事件，所述预定事件包括：页面初始化布局完成事件及页面加载完成事件中的至少一个；以及当检测到所述预定事件时，触发所述页面快照反干扰步骤的执行。3.根据权利要求1所述的方法，其特征在于，所述通过遍历所述页面中的页面资源属性，来查找具有延迟加载属性的页面资源的步骤，包括：遍历所述页面中的页面资源，并形成页面资源列表；顺序获取所述页面资源列表中的每一个页面资源，并查询所述页面资源的属性。4.根据权利要求1所述的方法，其特征在于，所述页面包括具有延迟加载属性的页面资源，并且所述执行页面快照反干扰步骤包括：在所述加载页面并对所述页面进行渲染的步骤之后，对所述具有延迟加载属性的页面属性执行所述页面快照反干扰步骤。5.根据权利要求2-4任一项所述的方法，其特征在于，还包括：在页面渲染过程中检测到最后一个触发的预定事件之后，则每隔一个预设时间段，触发一次所述页面快照反干扰步骤的执行，直至页面渲染完成。6.根据权利要求1-4任一项所述的方法，其特征在于，所述页面资源是图片。7.一种进行页面快照的装置，其特征在于，包括：渲染模块...

【专利技术属性】
技术研发人员：李季，王晓哲，支家乐，李秋，马圣博，朱珠，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛;KY