CN104102643A - 一种进行页面快照的方法和装置 - Google Patents
一种进行页面快照的方法和装置 Download PDFInfo
- Publication number
- CN104102643A CN104102643A CN201310115882.1A CN201310115882A CN104102643A CN 104102643 A CN104102643 A CN 104102643A CN 201310115882 A CN201310115882 A CN 201310115882A CN 104102643 A CN104102643 A CN 104102643A
- Authority
- CN
- China
- Prior art keywords
- page
- resource
- page resource
- attribute
- snapshot
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 84
- 238000011068 loading method Methods 0.000 claims abstract description 60
- 238000009877 rendering Methods 0.000 claims abstract description 42
- 230000008569 process Effects 0.000 claims abstract description 31
- 230000003111 delayed effect Effects 0.000 claims description 17
- 238000001514 detection method Methods 0.000 claims description 8
- 230000004048 modification Effects 0.000 claims description 4
- 238000012986 modification Methods 0.000 claims description 4
- 230000001960 triggered effect Effects 0.000 abstract description 6
- 238000005516 engineering process Methods 0.000 abstract description 4
- 230000006870 function Effects 0.000 description 10
- 238000010586 diagram Methods 0.000 description 7
- 101100534231 Xenopus laevis src-b gene Proteins 0.000 description 4
- 230000000694 effects Effects 0.000 description 4
- 238000012163 sequencing technique Methods 0.000 description 4
- 230000008901 benefit Effects 0.000 description 2
- 238000004590 computer program Methods 0.000 description 2
- 238000000151 deposition Methods 0.000 description 2
- 238000013459 approach Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000007405 data analysis Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000008030 elimination Effects 0.000 description 1
- 238000003379 elimination reaction Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000005457 optimization Methods 0.000 description 1
- 230000003716 rejuvenation Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- Document Processing Apparatus (AREA)
Abstract
本申请涉及一种进行页面快照的方法和装置,包括:加载页面,并对所述页面进行渲染;执行页面快照反干扰步骤,其中,所述页面快照反干扰步骤包括:通过遍历所述页面中的页面资源属性,来查找具有延迟加载属性的页面资源,及修改查找到的所述页面资源的属性,并触发所述页面资源的渲染;以及对完成所述页面资源的渲染后的页面进行页面快照。本申请在进行页面快照时,对采用延迟加载技术的页面资源,利用所触发的预定事件,触发页面快照反干扰步骤的执行,使页面中的被延迟加载资源消除延迟加载从而自动地实现这些资源的正常渲染,进而实现了页面快照过程中的反干扰技术,提高了页面快照质量。
Description
技术领域
本申请涉及网页页面技术领域,尤其涉及一种基于页面反延迟加载进行页面快照的方法和装置。
背景技术
随着互联网的发展,用户对于网站的外观要求越来越高,每个页面中的资源越来越多,页面也随之越来越大,当用户网络状况不好时,页面加载速度变慢,从而会导致用户体验不佳,而且会造成网站服务器负载过大的问题。
为了解决这个问题,前端的开发人员在存有大量页面资源的页面中采用延迟加载技术,通过在页面加载过程中使用了延迟加载的技术优化用户体验。
延迟加载(lazy load)也称懒加载,是为了避免一些无谓的性能开销而提出了的,所谓延迟加载就是当在真正需要数据的时候,才真正执行数据加载操作,当调用延迟加载方法加载对象时,返回的是代理对象,等到真正用到该对象的内容时才发出数据库操作语句。例如:在浏览页面时,只有当浏览到接近图片附近的位置,图片才开始加载,未浏览到的图片用空白页或其他元素代替。
但是在利用延迟加载技术优化用户体验的过程中,特别是在需要对页面进行快照时,延迟加载技术对页面快照产生干扰,会出现如图1所示的采用延迟加载技术的页面快照示意图,可以看到延迟加载技术使得在对页面进行快照时,未能获得加载完全的页面或页面资源(比如图片),因此,影响了页面快照的效果。
之所以会出现延迟加载技术影响页面快照效果的问题是在于:页面快照是在搜索引擎在收录页面时,对页面进行抓取并备份,存储在服务器缓存里,但是在抓取过程中,由于包含大量资源的页面采用延迟加载技术,页面未完全加载完毕,就对页面进行了快照并保存。当用户在搜索引擎中点击“页面快照”链接时,搜索引擎将当时抓取并保存的页面内容展现出来,呈现在用户面前的是包含空白内容的页面。从而影响了页面快照这一应用的用户体验。也即是说,在一些页面应用中,使用了延迟加载技术的页面加载导致了这些页面应用效果差用户体验差的结果,因此针对使用了延迟加载技术的页面加载,需要提供一种方法来消除延迟加载的影响从而实现对页面资源的完整快照。
发明内容
本申请的主要目的在于提供一种进行页面快照的方法和装置,以解决现有技术存在的对包含大量页面资源的页面采用延迟加载技术而导致的页面快照应用受到干扰,导致页面快照质量下降的问题。
为了解决上述技术问题,本申请的目的是通过以下技术方案实现的:
本申请提供了一种进行页面快照的方法,包括以下步骤:加载页面,并对所述页面进行渲染;执行页面快照反干扰步骤,其中,所述页面快照反干扰步骤包括:通过遍历所述页面中的页面资源属性,来查找具有延迟加载属性的页面资源,及修改查找到的所述页面资源的属性,并触发所述页面资源的渲染;以及对完成所述页面资源的渲染后的页面进行页面快照。
优选地,在根据本申请所述的方法中,还可以包括:检测在页面渲染过程中触发的预定事件,所述预定事件包括:页面初始化布局完成事件及页面加载完成事件中的至少一个;以及当检测到所述预定事件时,触发所述页面快照反干扰步骤的执行。
优选地,在根据本申请所述的方法中,所述通过遍历所述页面中的页面资源属性,来查找具有延迟加载属性的页面资源的步骤,包括:遍历所述页面中的页面资源,并形成页面资源列表;顺序获取所述页面资源列表中的每一个页面资源,并查询所述页面资源的属性。
优选地,在根据本申请所述方法中,所述修改查找到的所述页面资源的属性,并触发所述页面资源的渲染的步骤,包括:找出包含延迟加载属性的页面资源,根据所述页面资源的src属性获取所述页面资源的真实地址,从所述真实地址获取所述页面资源以实现对原先被延迟加载的页面资源的渲染。
优选地,在根据本申请所述的方法中,还可以包括:在页面渲染过程中检测到最后一个触发的预定事件之后,则每隔一个预设时间段,触发一次所述页面快照反干扰步骤的执行,直至页面渲染完成。
优选地,在根据本申请所述的方法中,所述页面资源是图片。
本申请还提供了一种进行页面快照的装置,包括:渲染模块,用于加载页面,并对所述页面进行渲染;反干扰执行模块,用于执行页面快照反干扰操作,其中,所述页面快照反干扰操作包括:通过遍历所述页面中的页面资源属性,来查找具有延迟加载属性的页面资源,及修改查找到的所述页面资源的属性,并触发所述页面资源的渲染;以及快照模块,用于对完成所述页面资源的渲染后的页面进行页面快照。
优选地,在根据本申请所述的装置中,还可以包括:检测模块,用于检测在页面渲染过程中触发的预定事件,所述预定事件包括:页面初始化布局完成事件及页面加载完成事件中的至少一个;以及第一触发模块,用于当检测到所述预定事件时,触发所述页面快照反干扰操作的执行。
优选地,在根据本申请所述的装置中,所述反干扰执行模块包括:列表形成模块,用于遍历所述页面中的页面资源,并形成页面资源列表;属性查询模块,用于顺序获取所述页面资源列表中的每一个页面资源,并查询所述页面资源的属性。
优选地,在根据本申请所述的装置中,所述反干扰执行模块包括:执行子模块,用于找出包含延迟加载属性的页面资源,根据所述页面资源的src属性获取所述页面资源的真实地址,从所述真实地址获取所述页面资源以实现对原先被延迟加载的页面资源的渲染。
优选地,根据本申请所述的装置,还可以包括:第二触发模块,用于在页面渲染过程中检测到最后一个触发的预定事件之后,则每隔一个预设时间段,触发一次所述页面快照反干扰操作的执行,直至页面渲染完成。
优选地,根据本申请所述的装置,还可以包括:其中,所述页面资源是图片。
与现有技术相比,根据本申请的技术方案具有以下优点:在进行页面快照时,对采用延迟加载技术的页面资源,利用所触发的预定事件,触发页面快照反干扰步骤的执行,使页面中的被延迟加载资源消除延迟加载从而自动地实现这些资源的正常渲染,进而实现了页面快照过程中的反干扰技术,提高了页面快照质量。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1是现有技术的采用延迟加载技术的页面快照示意图;
图2是本申请实施例的进行页面快照的方法的流程图;
图3是本申请实施例的页面快照反干扰步骤的具体执行步骤的流程图;
图4是本申请实施例的进行页面快照的装置的模块图;
图5是本申请实施例的反干扰执行模块402的单元模块图;以及
图6是本申请实施例的采用页面反延迟加载的页面快照示意图。
具体实施方式
本申请的主要思想在于,加载页面,并对所述页面进行渲染;执行页面快照反干扰步骤,其中,所述页面快照反干扰步骤包括:通过遍历所述页面中的页面资源属性,来查找具有延迟加载属性的页面资源,及修改查找到的所述页面资源的属性,并触发所述页面资源的渲染;以及对完成所述页面资源的渲染后的页面进行页面快照。
为使本申请的目的、技术方案和优点更加清楚,以下结合附图及具体实施例,对本申请作进一步地详细说明。
根据本申请的实施例,提供了一种进行页面快照的方法。
参考图2,图2是本申请实施例的进行页面快照的方法的流程图。
在步骤S201处,加载页面,并对所述页面进行渲染。
例如,当服务器采集了大量页面信息时,会利用页面快照技术,在特定时刻对特定网站的特定页面进行页面快照,或者,在搜索结果页,数据分析等特定场景中同样可以对页面进行快照。
应当注意,对页面快照的应用并不限于这里列举的实施例中的应用,也可以使用其他本领域已知或未来开发的任意合适的应用场景。上述页面可以包括:网站中新增的页面、更新的页面等等。在进行页面快照之前,对该页面进行加载,同时开始对该页面进行页面渲染,待该页面中的页面资源全部渲染成功时,对该特定页面执行页面快照。
如果在页面中采用了页面延迟加载技术,会导致该页面中的页面资源被延迟加载。例如,在页面的延迟加载时,将该页面资源替换为替换资源,更具体地,页面资源可以是原图片,替换资源可以是空白图片,也即是将页面中的原图片替换为空白图片,由空白图片参加页面渲染,当页面滚动条靠近空白图片时才加载该原图片,完成该原图片的渲染。其中,所述空白图片可以是预定的小数据的图片。该延迟加载技术可导致在进行页面快照时页面中的被延迟加载的页面资源(如,滚动条未靠近被延迟加载的图片)没有完成渲染。
在步骤S202处,执行页面快照反干扰步骤。所述页面快照反干扰步骤可以包括:通过遍历所述页面中的页面资源属性,来查找具有延迟加载属性的页面资源,及修改查找到的所述页面资源的属性,并触发所述页面资源的渲染。
具体而言,所述页面快照反干扰步骤可以通过一个反延迟加载函数来执行。
该页面快照反干扰步骤(反延迟加载函数)的具体执行步骤如图3所示。
在步骤S301处,当加载一个页面时,遍历所述页面中的页面资源,并形成页面资源列表。
在步骤S302处,顺序获取所述页面资源列表中的每一个页面资源,并查询所述页面资源的属性,判断在该页面资源的属性中是否存在页面资源(被延迟加载的页面资源)的延迟加载属性。
在本实施例中,所述页面资源可以是图片。例如,在利用延迟加载技术渲染页面时,页面中所有<img>标签的语句中的src属性都进行了修改,例如将语句<img src=”./ture/path/of/image.jpg”>修改为语句<imgsrc=”./empty.jpg”src2=”./ture/path/of/image.jpg”>,将src存放的原图片的真实地址替换为替换图片的地址,并将原图片的真实地址存放在其他属性中,如存放在src2属性中,其中,所述替换图片可以是空白图片,如,一张预设的小数据的图片。因此,如果判断页面资源的具有按预定规则设置的可替换的src属性信息,则可以认为该页面资源具有延迟加载属性。
若某图片存在延迟加载属性,则继续到步骤S303。若不存在图片延迟加载属性,则获取下一张图片,判断所述下一张图片是否包含图片延迟加载属性,直至将所述图片列表中的图片的属性都判断完毕。
在步骤S303处,找出包含延迟加载属性的页面资源,根据所述页面资源的src属性获取所述页面资源的真实地址,从所述真实地址获取所述页面资源以实现对原先被延迟加载的页面资源的渲染。即,找出包含图片延迟加载属性的所述图片,执行所述图片替换的恢复过程。
例如,某页面资源的<img>标签信息为<img src=”./empty.jpg”src2=”./ture/path/of/image.jpg”>,根据<img>标签信息,该页面资源具有可替换的src属性信息,为所找出的包含延迟加载属性的页面资源。将该页面资源的<img>标签信息修改为语句<img src=”./ture/path/of/image.jpg”>,即,将src属性中存放的空白图片的地址替换为src2属性中存放的原图片的真实地址,从而实现了将替换图片(空白图片)恢复为原图片的过程,并在页面渲染过程中完成对原图片的渲染。
在一种实施例中,可以检测在页面渲染过程中触发的预定事件,当检测到所述预定事件时,触发所述页面快照反干扰步骤(反延迟加载函数)的执行。
在页面渲染过程中通过触发信号的概念来获取页面加载的特定阶段,该触发信号是指当特定事件被触发时所发出的特定信号,预先将所述反延迟加载函数(页面快照反干扰步骤)绑定在所述触发信号上,这样,当检测到与所述反延迟加载函数相关的触发信号时,就可以触发该反延迟加载函数的执行。所述与反延迟加载函数相关的触发信号可以是如下中的一个或多个:页面初始化布局完成信号、页面加载完成信号等等。
基于所述页面渲染中的特定事件发生的先后顺序,可以预设一个或多个所述特定事件,作为页面加载的特定阶段,其中,所述特定事件可以包括:页面初始化布局完成事件、页面加载完成事件等等。由于所述触发信号是当特定事件发生时被触发的特定信号,即,当特定事件发生时,会触发所述触发信号,从而每一个特定事件都会对应一个触发信号,例如:按照所述事件发生的先后顺序,预设两个特定事件,分别为第一事件和第二事件。例如,第一事件可以是页面初始化布局完成事件,第二事件可以是页面加载完成事件。相应地,与所述第一事件相对应的信号为页面初始化布局完成信号,可以称之为第一信号,与所述第二事件相对应的信号为页面加载完成信号,可以称之为第二信号。当检测到任一所述触发信号(第一信号或第二信号)时,则执行所述页面快照反干扰步骤,用以实现对原先被延迟加载的页面资源的渲染。
在本申请中,以第一事件和第二事件作为特定事件,相应地,将第一事件发生时被触发的信号定义为第一信号并且将第二事件发生时被触发的信号定义为第二信号,并将反延迟加载函数与第一信号或第二信号进行绑定。
当检测到第一信号时,表示页面初始化布局完成,超文本标记语言(HTML)结构已经渲染至浏览器中,但页面资源尚未开始加载,在此时,由于一个反延迟加载函数与第一信号绑定,因此将在这个时刻执行所述页面快照反干扰步骤,其目的在于渲染原先被延迟加载的页面资源。
当检测到第二信号时,表示页面资源加载完成,但是可能出现由于网络响应过慢导致的部分页面资源未渲染完成或者页面资源加载失败的现象发生。所以当检测到第二信号后,页面渲染过程会出现多种情况,如页面资源渲染完成,或页面资源加载完成但页面资源渲染未完成,或页面资源加载完成但页面资源渲染失败,或页面资源加载失败等等。当页面资源加载失败时,由于该页面资源采用了页面延迟加载技术,页面滚动条若未在该加载失败的页面资源的附近时,该页面中的页面资源依旧为替换资源,导致该页面不能正常加载。所以,当检测到第二信号时,可以再次执行所述页面快照反干扰步骤,避免页面资源加载失败造成的页面资源不能再次加载的问题,利用该次执行的页面快照反干扰步骤将替换资源恢复为原页面资源,并渲染被延迟加载的原页面资源。
在另一种实施例中,从最后一个触发信号到页面渲染完成可以存在时间差,称为等待时间,在等待时间内完成对页面中的页面资源的渲染。可以在该等待时间期间以预设时间间隔来继续多次触发页面快照反干扰步骤,以渲染原先被延迟加载的页面资源。
所述页面渲染过程处于所述等待时间内,加载完成的页面资源也可能出现渲染失败的情况,如,所述加载完成的页面资源,在进入等待时间后,由于网络因素,造成页面资源不能完成渲染,从而导致渲染失败。所以,预设一个预设时间段,在页面渲染过程中检测到最后一个触发的预定事件(如,第二事件)之后,则每隔一个预设时间段,触发一次所述页面快照反干扰步骤(反延迟加载函数)的执行,直至页面渲染完成,例如:在等待时间,以单位时间(1秒)为间隔,每隔1秒触发一次页面快照反干扰步骤的执行,以减少页面资源加载失败或页面资源渲染失败造成的页面不能正常显示的问题。换言之,在等待时间内,每隔一个预设时间段,执行一次所述页面快照反干扰步骤,用于防止图片渲染失败的情况发生。
应当注意,页面快照反干扰步骤可以只执行一次,也可以执行多次,可以按照需要来进行设定。
在步骤S203处,当所述页面渲染完成时,对完成所述页面资源的渲染后的页面进行页面快照。该页面渲染完成表示需要进行页面快照的所述页面的页面资源显示正常,此时对该页面进行页面快照,可以得到完整的页面内容。在对所述页面进行页面快照之后,还可以保存所述页面的页面快照。
本申请的页面快照可以在特定环境中执行,例如,利用用户图形界面作为快照环境,利用浏览器渲染所述页面,利用截图工具对该所述页面截图,最终将所述页面作为图片进行保存,以此完成页面快照过程。
所述浏览器和截图工具可以利用现有技术中的开发工具进行开发,如:C语言、C++语言,获得一个可编程的浏览器和一个可编程的截屏工具,来实现对页面渲染和截屏过程的控制。
本申请还提供了一种进行页面快照的装置400,如图4所示为本申请实施例的进行页面快照的装置400的模块图。
根据本申请的该装置400可以包括渲染模块401、反干扰执行模块402和快照模块403。
渲染模块401,用于加载页面,并对所述页面进行渲染。
反干扰执行模块402,用于执行页面快照反干扰操作。
其中,所述页面快照反干扰操作包括:通过遍历所述页面中的页面资源属性,来查找具有延迟加载属性的页面资源,及修改查找到的所述页面资源的属性,并触发所述页面资源的渲染。进一步地,所述页面资源可以是图片。
如图5所示所述反干扰执行模块402还可以包括列表形成模块501、属性查询模块502、执行子模块503。
所述页面快照反干扰操作的具体执行过程为:列表形成模块501遍历所述页面中的页面资源,并形成页面资源列表;属性查询模块502顺序获取所述页面资源列表中的每一个页面资源,并查询所述页面资源的属性;执行子模块503找出包含延迟加载属性的页面资源,根据所述页面资源的src属性获取所述页面资源的真实地址,从所述真实地址获取所述页面资源以实现对原先被延迟加载的页面资源的渲染。
本申请所述的装置400还可以包括检测模块404、第一出发模块405。
其中,所述检测模块404,用于检测在页面渲染过程中触发的预定事件。
具体而言,基于所述页面渲染中的事件发生的先后顺序,预设一个或多个所述特定事件,作为页面渲染中的特定阶段,其中,所述特定事件可以包括:页面初始化布局完成事件、页面加载完成事件中的至少一个。当触发所述特定事件时,会发出所述触发信号,由于该触发信号可以与页面快照反干扰操作存在绑定关系,所以第一触发模块405可以用于当检测到所述预定事件时,触发所述页面快照反干扰操作的执行,执行该页面快照反干扰操作的目的是,渲染原先被延迟加载的页面资源。
例如,按照页面渲染过程中的事件发生的先后顺序,预设第一事件和第二事件作为特定事件。例如,第一事件可以是页面初始化布局完成事件,第二事件可以是页面加载完成事件。当触发第一事件时会发出一个第一信号(初始化完成信号),当触发第二事件时会发出第二信号(加载完成信号),将所述第一信号与第二信号与页面快照反干扰操作进行绑定。当检测到第一信号或第二信号时,触发所述页面快照反干扰操作的执行,从而自动地渲染原先被延迟加载的页面资源。
在所述第二信号(最后一个触发的所述特定事件)与页面渲染完成之间可以存在一个等待时间,在等待时间内,将页面中的页面资源渲染完成。
在一种实施例中,本申请所述的装置400还可以包括第二触发模块406,用于在页面渲染过程中检测到最后一个触发的预定事件之后,则每隔一个预设时间段,触发一次所述页面快照反干扰步骤的执行,直至页面渲染完成。
本申请所述装置的快照模块403,用于当所述页面渲染完成时,对完成所述页面资源的渲染后的页面进行页面快照。
由于图4、图5所描述的本申请的装置所包括的各个模块的具体实施方式与本申请的方法中的步骤的具体实施方式是相对应的,由于已经对图2和图3进行了详细的描述,所以为了不模糊本申请,在此不再对各个模块的具体细节进行描述。
如图6所示是本申请实施例的采用反页面延迟加载的页面快照示意图。可以看到在采用反页面延迟加载的页面快照中,页面中的图片全部正常显示,没有发生信息缺失的情况,从而实现了页面快照过程中的反干扰技术,提高了页面快照质量。
如上所述,针对使用了延迟加载技术的页面,通过利用本申请的反延迟加载的方法和装置,能够自动地加载所述使用了延迟加载技术的页面。利用本申请的该方法,使得页面快照等页面应用的效果提高、用户体验也随之提高。
本说明书中的各个实施例一般采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。
本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述,例如程序模块或单元。一般地,程序模块或单元可以包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。一般来说,程序模块或单元可以由软件、硬件或两者的结合来实现。也可以在分布式计算环境中实践本申请,在这些分布式计算环境中,由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中,程序模块或单元可以位于包括存储设备在内的本地和远程计算机存储介质中。
最后,还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域内的技术人员应明白,本申请的实施例可提供为方法、***、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本文中应用了具体个例对本申请的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本申请的方法及其主要思想;同时,对于本领域的一般技术人员,依据本申请的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本申请的限制。
Claims (12)
1.一种进行页面快照的方法,其特征在于,包括:
加载页面,并对所述页面进行渲染;
执行页面快照反干扰步骤,其中,所述页面快照反干扰步骤包括:
通过遍历所述页面中的页面资源属性,来查找具有延迟加载属性的页面资源,及
修改查找到的所述页面资源的属性,并触发所述页面资源的渲染;以及
对完成所述页面资源的渲染后的页面进行页面快照。
2.根据权利要求1所述的方法,其特征在于,还包括:
检测在页面渲染过程中触发的预定事件,所述预定事件包括:页面初始化布局完成事件及页面加载完成事件中的至少一个;以及
当检测到所述预定事件时,触发所述页面快照反干扰步骤的执行。
3.根据权利要求1所述的方法,其特征在于,所述通过遍历所述页面中的页面资源属性,来查找具有延迟加载属性的页面资源的步骤,包括:
遍历所述页面中的页面资源,并形成页面资源列表;
顺序获取所述页面资源列表中的每一个页面资源,并查询所述页面资源的属性。
4.根据权利要求1所述的方法,其特征在于,所述修改查找到的所述页面资源的属性,并触发所述页面资源的渲染的步骤,包括:
找出包含延迟加载属性的页面资源,根据所述页面资源的src属性获取所述页面资源的真实地址,从所述真实地址获取所述页面资源以实现对原先被延迟加载的页面资源的渲染。
5.根据权利要求2-4任一项所述的方法,其特征在于,还包括:
在页面渲染过程中检测到最后一个触发的预定事件之后,则每隔一个预设时间段,触发一次所述页面快照反干扰步骤的执行,直至页面渲染完成。
6.根据权利要求1-4任一项所述的方法,其特征在于,所述页面资源是图片。
7.一种进行页面快照的装置,其特征在于,包括:
渲染模块,用于加载页面,并对所述页面进行渲染;
反干扰执行模块,用于执行页面快照反干扰操作,其中,所述页面快照反干扰操作包括:
通过遍历所述页面中的页面资源属性,来查找具有延迟加载属性的页面资源,及
修改查找到的所述页面资源的属性,并触发所述页面资源的渲染;以及
快照模块,用于对完成所述页面资源的渲染后的页面进行页面快照。
8.根据权利要求7所述的装置,其特征在于,还包括:
检测模块,用于检测在页面渲染过程中触发的预定事件,所述预定事件包括:页面初始化布局完成事件及页面加载完成事件中的至少一个;以及
第一触发模块,用于当检测到所述预定事件时,触发所述页面快照反干扰操作的执行。
9.根据权利要求7所述的装置,其特征在于,所述反干扰执行模块包括:
列表形成模块,用于遍历所述页面中的页面资源,并形成页面资源列表;
属性查询模块,用于顺序获取所述页面资源列表中的每一个页面资源,并查询所述页面资源的属性。
10.根据权利要求7所述的装置,其特征在于,所述反干扰执行模块包括:
执行子模块,用于找出包含延迟加载属性的页面资源,根据所述页面资源的src属性获取所述页面资源的真实地址,从所述真实地址获取所述页面资源以实现对原先被延迟加载的页面资源的渲染。
11.根据权利要求8-10任一所述的装置,其特征在于,还包括:
第二触发模块,用于在页面渲染过程中检测到最后一个触发的预定事件之后,则每隔一个预设时间段,触发一次所述页面快照反干扰操作的执行,直至页面渲染完成。
12.根据权利要求7-10任一所述的装置,其特征在于,还包括:其中,所述页面资源是图片。
Priority Applications (7)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310115882.1A CN104102643B (zh) | 2013-04-03 | 2013-04-03 | 一种进行页面快照的方法和装置 |
TW102133551A TWI598752B (zh) | 2013-04-03 | 2013-09-16 | Method and device for page snapshots |
US14/227,568 US20140304588A1 (en) | 2013-04-03 | 2014-03-27 | Creating page snapshots |
PCT/US2014/032244 WO2014165410A2 (en) | 2013-04-03 | 2014-03-28 | Creating page snapshots |
JP2016506340A JP6129402B2 (ja) | 2013-04-03 | 2014-03-28 | ページスナップショットの作成 |
EP14779551.2A EP2981907A2 (en) | 2013-04-03 | 2014-03-28 | Creating page snapshots |
HK15102030.1A HK1201611A1 (zh) | 2013-04-03 | 2015-02-28 | 種進行頁面快照的方法和裝置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310115882.1A CN104102643B (zh) | 2013-04-03 | 2013-04-03 | 一种进行页面快照的方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104102643A true CN104102643A (zh) | 2014-10-15 |
CN104102643B CN104102643B (zh) | 2017-09-22 |
Family
ID=51655378
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310115882.1A Active CN104102643B (zh) | 2013-04-03 | 2013-04-03 | 一种进行页面快照的方法和装置 |
Country Status (7)
Country | Link |
---|---|
US (1) | US20140304588A1 (zh) |
EP (1) | EP2981907A2 (zh) |
JP (1) | JP6129402B2 (zh) |
CN (1) | CN104102643B (zh) |
HK (1) | HK1201611A1 (zh) |
TW (1) | TWI598752B (zh) |
WO (1) | WO2014165410A2 (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106155510A (zh) * | 2015-04-07 | 2016-11-23 | 中兴通讯股份有限公司 | 截屏方法及装置 |
WO2019024275A1 (zh) * | 2017-08-01 | 2019-02-07 | 武汉斗鱼网络科技有限公司 | 一种加载页面的方法、装置及计算机设备 |
CN109739598A (zh) * | 2018-12-24 | 2019-05-10 | Oppo广东移动通信有限公司 | 一种终端亮屏方法及装置、设备和存储介质 |
CN114817807A (zh) * | 2022-04-27 | 2022-07-29 | 中国建设银行股份有限公司 | 页面处理方法、装置、设备、可读存储介质和产品 |
Families Citing this family (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9690764B1 (en) | 2014-12-12 | 2017-06-27 | Amazon Technologies, Inc. | Delivery and display of page previews using shadow DOM |
TW201624253A (zh) * | 2014-12-31 | 2016-07-01 | 萬國商業機器公司 | 在一圖形使用者介面上顯示關於一子層級新分頁之父層級分頁的網頁資訊的方法、電腦程式產品與電腦系統 |
US20180052647A1 (en) * | 2015-03-20 | 2018-02-22 | Lg Electronics Inc. | Electronic device and method for controlling the same |
CN106649299B (zh) * | 2015-07-28 | 2020-09-15 | 阿里巴巴集团控股有限公司 | 一种网页区块懒加载的方法和装置 |
US10447761B2 (en) * | 2015-07-31 | 2019-10-15 | Page Vault Inc. | Method and system for capturing web content from a web server as a set of images |
CN106354873B (zh) * | 2015-09-22 | 2019-12-20 | 广州神马移动信息科技有限公司 | 网页加载方法、装置及*** |
US10417113B1 (en) | 2016-03-10 | 2019-09-17 | Amdocs Development Limited | System, method, and computer program for web testing and automation offline storage and analysis |
US10250715B2 (en) * | 2016-06-30 | 2019-04-02 | Salesforce.Com, Inc. | Dynamic adjustment of boxcarring of action requests from component-driven cloud applications |
US20190180484A1 (en) * | 2017-12-11 | 2019-06-13 | Capital One Services, Llc | Systems and methods for digital content delivery over a network |
US11200294B2 (en) * | 2019-03-20 | 2021-12-14 | Hisense Visual Technology Co., Ltd. | Page updating method and display device |
WO2021163277A1 (en) * | 2020-02-11 | 2021-08-19 | 3Sharp LLC | Simulations based on capturing and organizing visuals and dynamics of software products |
CN114943048A (zh) * | 2022-07-11 | 2022-08-26 | 维沃移动通信有限公司 | 网页加载方法、网页加载装置、电子设备和存储介质 |
US11790031B1 (en) * | 2022-10-31 | 2023-10-17 | Content Square SAS | Website change detection |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110225289A1 (en) * | 2010-03-12 | 2011-09-15 | Fujitsu Limited | Determining Differences in an Event-Driven Application Accessed in Different Client-Tier Environments |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6526424B2 (en) * | 1997-09-29 | 2003-02-25 | Fujitsu Limited | Browser image display bookmark system |
US6271840B1 (en) * | 1998-09-24 | 2001-08-07 | James Lee Finseth | Graphical search engine visual index |
-
2013
- 2013-04-03 CN CN201310115882.1A patent/CN104102643B/zh active Active
- 2013-09-16 TW TW102133551A patent/TWI598752B/zh active
-
2014
- 2014-03-27 US US14/227,568 patent/US20140304588A1/en not_active Abandoned
- 2014-03-28 JP JP2016506340A patent/JP6129402B2/ja active Active
- 2014-03-28 EP EP14779551.2A patent/EP2981907A2/en not_active Withdrawn
- 2014-03-28 WO PCT/US2014/032244 patent/WO2014165410A2/en active Application Filing
-
2015
- 2015-02-28 HK HK15102030.1A patent/HK1201611A1/zh unknown
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110225289A1 (en) * | 2010-03-12 | 2011-09-15 | Fujitsu Limited | Determining Differences in an Event-Driven Application Accessed in Different Client-Tier Environments |
Non-Patent Citations (3)
Title |
---|
ALI MESBAH ET AL: "Crawling Ajax-based Web Application through Dynamic Analysis of User Interface State Changes", 《ACM TRANSACTIONS ON THE WEB》 * |
杜佳霖: "嵌入式浏览器资源管理优化与实现", 《中国优秀硕士学位论文全文数据库 信息科技辑》 * |
清水绿草: "hibernate 延迟加载", 《新浪博客HTTP://BLOG.SINA.COM.CN/XCG9593》 * |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106155510A (zh) * | 2015-04-07 | 2016-11-23 | 中兴通讯股份有限公司 | 截屏方法及装置 |
CN106155510B (zh) * | 2015-04-07 | 2019-11-19 | 中兴通讯股份有限公司 | 截屏方法及装置 |
WO2019024275A1 (zh) * | 2017-08-01 | 2019-02-07 | 武汉斗鱼网络科技有限公司 | 一种加载页面的方法、装置及计算机设备 |
CN109739598A (zh) * | 2018-12-24 | 2019-05-10 | Oppo广东移动通信有限公司 | 一种终端亮屏方法及装置、设备和存储介质 |
CN109739598B (zh) * | 2018-12-24 | 2022-06-24 | Oppo广东移动通信有限公司 | 一种终端亮屏方法及装置、设备和存储介质 |
CN114817807A (zh) * | 2022-04-27 | 2022-07-29 | 中国建设银行股份有限公司 | 页面处理方法、装置、设备、可读存储介质和产品 |
Also Published As
Publication number | Publication date |
---|---|
TW201439794A (zh) | 2014-10-16 |
US20140304588A1 (en) | 2014-10-09 |
HK1201611A1 (zh) | 2015-09-04 |
WO2014165410A3 (en) | 2015-05-07 |
CN104102643B (zh) | 2017-09-22 |
JP2016517108A (ja) | 2016-06-09 |
WO2014165410A2 (en) | 2014-10-09 |
JP6129402B2 (ja) | 2017-05-17 |
TWI598752B (zh) | 2017-09-11 |
EP2981907A2 (en) | 2016-02-10 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104102643A (zh) | 一种进行页面快照的方法和装置 | |
US9235451B2 (en) | Browser kernel switching method | |
CN102236587B (zh) | firefox浏览器异常恢复方法 | |
US20150278080A1 (en) | Processing automation scripts of software | |
US11734028B2 (en) | Modifying readable and focusable elements on a page during execution of automated scripts | |
CN102419729B (zh) | 并行测试执行 | |
CN106326025A (zh) | 浏览器异常处理方法及装置 | |
US9588945B2 (en) | Comparing webpage elements having asynchronous functionality | |
US10402264B2 (en) | Packet-aware fault-tolerance method and system of virtual machines applied to cloud service, computer readable record medium and computer program product | |
Zhang et al. | RClassify: classifying race conditions in web applications via deterministic replay | |
CN112241370B (zh) | 一种api接口类的校验方法、***及装置 | |
US20170220631A1 (en) | Capturing Intended Selection of Content Due to Dynamically Shifting Content | |
CN111679976A (zh) | 一种页面对象的查找方法及装置 | |
CN103544271B (zh) | 一种浏览器中加载图片处理窗口的方法和装置 | |
CA2788100C (en) | Crawling of generated server-side content | |
US20140245159A1 (en) | Transport script generation based on a user interface script | |
CN115328478A (zh) | 页面埋点方法、装置、电子设备及介质 | |
CN113377375A (zh) | 页面处理的方法 | |
US9438607B2 (en) | Information processing apparatus and verification control method | |
US20220244975A1 (en) | Method and system for generating natural language content from recordings of actions performed to execute workflows in an application | |
CN109840084B (zh) | 一种通信方法、***及电子设备和存储介质 | |
US20240143473A1 (en) | Systems and methods for dynamically configuring a client application | |
CN105930333A (zh) | 一种扩展jsf生命周期的方法及装置 | |
CN113190435A (zh) | 信息获取方法、装置、电子设备及存储介质 | |
CN115904969A (zh) | 应用程序测试方法和装置、电子设备及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 1201611 Country of ref document: HK |
|
GR01 | Patent grant | ||
GR01 | Patent grant | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: GR Ref document number: 1201611 Country of ref document: HK |