一种网页布局的方法及装置制造方法

文档序号:6636701阅读:245来源:国知局
一种网页布局的方法及装置制造方法
【专利摘要】本发明公开了一种网页布局的方法及装置,涉及互联网【技术领域】,解决了瀑布流技术导致的网页卡顿的问题。本发明的方法包括:在启动浏览器计时功能进行计时时获取系统时钟的第一时刻值;在计时到达预设时长时获取系统时钟的第二时刻值;计算第二时刻值与第一时刻值的差值,获得实际计时时长;将实际计时时长与预设时长进行比对,判断瀑布流页面是否发生卡顿;若瀑布流页面发生卡顿,则将瀑布流页面切换为分页页面。本发明主要应用于通过瀑布流页面展示图片的过程中。
【专利说明】一种网页布局的方法及装置

【技术领域】
[0001]本发明涉及互联网【技术领域】,特别是涉及一种网页布局的方法及装置。

【背景技术】
[0002]随着互联网技术的发展,网页的内容和样式也越来越丰富。为了提高网页图片的展示效果和用户浏览的便捷性,现有技术中多采用瀑布流的布局方式实现图片的加载。基于瀑布流技术,用户在浏览图片的过程中无需翻页,通过不断下拉滚动条或滑动滚轮的方式,用户可以对网页中的图片进行无限浏览。
[0003]在现有的瀑布流技术中,发明人发现:用户浏览过的图片数据会被保存在终端的内存中,随着用户浏览的图片愈发增多,终端内存、中央处理器(Central ProcessingUnit,简称CPU)等处理资源的占用情况将会愈发严重,从而影响到图片加载的速度,导致网页卡顿的情况出现。


【发明内容】

[0004]有鉴于此,本发明提出了一种网页布局的方法及装置,主要目的在于解决瀑布流技术导致的网页卡顿的问题。
[0005]依据本发明的第一个方面,本发明提供了一种网页布局的方法,包括:
[0006]启动浏览器计时功能进行计时,并在启动计时时获取系统时钟的第一时刻值;
[0007]在计时到达预设时长时停止计时,并在停止计时时获取系统时钟的第二时刻值;
[0008]计算第二时刻值与第一时刻值的差值,获得实际计时时长;
[0009]将实际计时时长与预设时长进行比对,判断瀑布流页面是否发生卡顿;
[0010]若瀑布流页面发生卡顿,则将瀑布流页面切换为分页页面。
[0011]依据本发明的第二个方面,本发明提供了一种网页布局的装置,该装置包括:
[0012]计时单元,用于启动浏览器计时功能进行计时;
[0013]获取单元,用于在计时单元启动计时时获取系统时钟的第一时刻值;
[0014]该计时单元还用于在计时到达预设时长时停止计时;
[0015]该获取单元还用于在计时单元停止计时时获取系统时钟的第二时刻值;
[0016]处理单元,用于计算获取单元获取的第二时刻值与第一时刻值的差值,获得实际计时时长;
[0017]比对单元,用于将处理单元获得的实际计时时长与预设时长进行比对,判断瀑布流页面是否发生卡顿;
[0018]切换单元,用于当比对单元确定瀑布流页面发生卡顿时,将瀑布流页面切换为分页页面。
[0019]借由上述技术方案,本发明实施例提供的网页布局的方法及装置,能够根据浏览器计时功能按照预设时长进行计时,并在开始计时和结束计时时分别获取系统时钟的第一时刻值和第二时刻值,由第二时刻值与第一时刻值的差值获得实际计时时长,将实际计时时长与预设时长进行比对后判断瀑布流页面是否发生卡顿,若确定瀑布流页面发生卡顿,则将瀑布流页面切换为分页页面。与现有技术相比,本发明能够通过浏览器计时与系统时钟的比对判断网页是否发生卡顿,并在网页发生卡顿时,通过转换分页页面的方式释放内存,从而防止瀑布流页面的卡顿,保证网页运行的流畅性。
[0020]上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的【具体实施方式】。

【专利附图】

【附图说明】
[0021]通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
[0022]图1示出了本发明实施例提供的网页布局的方法的流程图;
[0023]图2示出了本发明实施例提供的由瀑布流页面切换为分页页面时的页面示意图;
[0024]图3示出了本发明实施例提供的由分页页面切换为瀑布流页面时的页面示意图;
[0025]图4示出了本发明实施例提供的网页布局的装置的结构示意图。

【具体实施方式】
[0026]下面将参照附图更加详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
[0027]为了解决瀑布流技术导致的网页卡顿的问题,本发明实施例提供了一种网页布局的方法,如图1所示,该方法包括:
[0028]101、启动浏览器计时功能进行计时,并在启动计时时获取系统时钟的第一时刻值。
[0029]日常情况下用户通过浏览器浏览网页的过程中,常常会在网页中执行一些任务操作。例如购买车票、机票或注册账号等,这些任务通常具有时效性,即必须在设定的时间内完成此操作才能使任务生效。为了使用户能够实时了解任务的执行进度,浏览器自身通常都具有计时功能,浏览器的计时独立于系统的计时,大多数情况下是通过在浏览器中嵌入定时器来对网页中的任务进行计时的,定时器通常为嵌入网页式的JavaScript定时器(简称JS定时器)。在该步骤中,当启动浏览器的计时功能进行计时时,需要获取系统时钟的第一时刻值。该第一时刻值在下述步骤103中具有重要作用。
[0030]由于Js定时器这一应用是基于浏览器层面开发的,其计时的准确性会受到浏览器性能的影响,而当终端内存、中央处理器(Central Processing Unit,简称CPU)等处理资源的占用情况严重时,也会使浏览器计时不准确。因此当启动浏览器计时功能进行计时时,浏览器可能会出现计时延迟的现象,即实际计时时间大于浏览器计时时间。由此可知获取实际计时时间有重要作用,而上述获取的系统时钟的第一时刻值就是得到实际计时时间的必要参数。
[0031]102、在计时到达预设时长时停止计时,并在停止计时时获取系统时钟的第二时刻值。
[0032]在本发明中,浏览器计时功能会按照预设时长进行计时,这个预设时长是判断瀑布流页面是否发生卡顿的必要参数,预设时长可以人为设置,浏览器计时功能按照预设时长计时结束后会获取系统时钟的第二时刻值,该系统时钟的第二时刻值与步骤101中系统时钟的第一时刻值相对应,也是得到实际计时时间的必要参数。
[0033]103、计算第二时刻值与第一时刻值的差值,获得实际计时时长。
[0034]浏览器计时功能按照预设时长进行计时的过程中,可能会因为内存过度占用或CPU处理资源过度占用等问题而造成计时出现误差,所以在浏览器按照预设时长进行计时的这段时间内,如果在一切正常的情况下,浏览器计时功能的实际计时时长会与预设时长不一致。而系统时钟不受内存占用或CPU处理资源占用的影响,因此可以根据系统时钟来获得浏览器计时功能的实际计时时长。由于步骤101在启动浏览器计时功能进行计时时获取到系统时钟的第一时刻值,步骤102在浏览器计时功能计时到达预设时长时获取到系统时钟的第二时刻值,因而将该第二时刻值与第一时刻值相减,这个时间差就是浏览器计时功能的实际计时时长。
[0035]104、将实际计时时长与预设时长进行比对,判断瀑布流页面是否发生卡顿。
[0036]在用户通过浏览器浏览瀑布流网页时,随着浏览过的内容越来越多,内存或CPU处理资源等的占用会提高,当内存或CPU处理资源等的占用愈发严重时,瀑布流页面会发生卡顿,浏览器计时功能会出现偏差。由于用户的感知能力有限,以及不同用户有不同的感知体验,因此根据用户的直观感受无法准确判断出瀑布流页面是否发生卡顿。而瀑布流页面的卡顿情况与浏览器计时功能的偏差情况存在正相关的关系,瀑布流页面卡顿越严重,浏览器计时功能的偏差越大。因此,为了能够准确及时的判断出瀑布流页面是否发生卡顿,可以将步骤103获得的实际计时时长与预设时长进行比对,根据比对结果是否存在偏差来判断瀑布流页面是否发生卡顿。
[0037]105、若瀑布流页面发生卡顿,则将瀑布流页面切换为分页页面。
[0038]若在步骤104中将实际计时时长与预设时长比对后发现存在偏差,则可以确定瀑布流页面发生卡顿,为了保证用户浏览网页的顺畅,不影响用户上网体验,当确定瀑布流页面卡顿后,现有的内存或CPU处理资源的占用情况已经无法满足瀑布流页面的布局形式,因此可以将瀑布流页面切换为分页页面。由于网页在切换到分页页面的布局形式后,之前浏览过的分页页面中的图片数据会被浏览器自动清理掉,释放出内存空间,因此能够保证后续浏览过程中的分页页面不再卡顿。
[0039]本发明实施例提供的网页布局的方法,能够根据浏览器计时功能按照预设时长进行计时,并在开始计时和结束计时时分别获取系统时钟的第一时刻值和第二时刻值,由第二时刻值与第一时刻值的差值获得实际计时时长,将实际计时时长与预设时长进行比对后判断瀑布流页面是否发生卡顿,若确定瀑布流页面发生卡顿,则将瀑布流页面切换为分页页面。与现有技术相比,本发明能够通过浏览器计时与系统时钟的比对判断网页是否发生卡顿,并在网页发生卡顿时,通过转换分页页面的方式释放内存,从而防止瀑布流页面的卡顿,保证网页运行的流畅性。
[0040]进一步的,作为对上述实施例的细化和扩展,在步骤104中将实际计时时长与预设时长进行比对时,由于浏览器计时功能普遍由嵌入网页式的JS定时器来实现,因此JS定时器的准确性会受到网页运行状况的影响。而系统时钟通常为主板上的原子时钟或网络侧的网络时钟,它们的运行独立于网页,不受网页运行状况的影响,因此系统时钟的计时始终都是准确的,通过系统时钟的计时能够得到浏览器计时功能的实际计时时长。
[0041]随着用户浏览的数据量越来越多,内存或CPU处理资源的占用会愈发严重,这都会导致网页卡顿,从而使嵌入网页式的JS定时器计时比实际计时延迟。例如,在网页卡顿的情况下,当浏览器计时功能计时了 50ms,而在系统时钟的实际计时已经有80ms 了,所以比对结果通常为实际计时时长大于预设时长。
[0042]在本发明实施例提供的实施方式中,浏览器计时功能按照预设时长进行计时的主要作用是为了用来判断网页是否发生卡顿的,因此在确定启动浏览器计时功能进行计时的时机上,除了最基本的让浏览器计时功能处于循环的计时状态之外,还有一种可选的实施方式,就在在用户开始浏览网页时启动计时。为了获得用户何时开始浏览网页的情况,就需要对用户的操作事件进行监听。通常情况下,用户在浏览网页时都会进行相应的操作,例如滚动鼠标上的滚轮、上下滑动页面侧边的滑动条或者按压键盘上的方向键等。这类操作能持续性的浏览大量网页。由于监听是一个持续的过程,因此当监听到用户在进行了类似操作后,就可以启动浏览器计时功能进行计时。
[0043]进一步的,如果将系统时钟获得的实际计时时长与浏览器计时的预设时长比对后,发现网页出现卡顿,则此时可以改变瀑布流页面的布局形式。如果采用直接将瀑布流页面切换为分页页面的方式,就容易给用户带来突兀的感觉,而且页面布局形式的改变还可能造成已浏览图片和未浏览图片混杂在一起,导致用户无法从分页前的内容继续浏览,还得再一次从已浏览内容的页面进行浏览或者从错过了一些未浏览内容的页面开始浏览。
[0044]如图2所示,作为一种可选的实施方式,本发明实施例在将瀑布流页面切换为分页页面时,可以在瀑布流页面中提供分页功能键。该分页功能键可以设置在页面底部,或者以悬浮的形式出现在页面中。用户在触发分页功能键后,瀑布流页面中的内容就会被分页处理,以分页页面的布局形式显示网页中的内容。同时,为了避免已浏览内容和未浏览内容出现混杂,该实施方式中的分页功能键在进行分页布局时,会将已浏览内容作为一个整体进行分页,将未浏览内容作为一个整体进行分页,并将分页前最后的展示内容所在的分页页面作为浏览器的显示页面进行展示,而后续被浏览的分页页面就是包含未浏览内容的分页页面。
[0045]当网页处于分页页面的布局形式时,基于浏览器自身的清理机制,已浏览的分页页面中的数据会被释放,缓解了内存或CPU处理资源的占用。当浏览器的运行环境又能满足瀑布流页面的布局形式时,可以再次选择以瀑布流页面的布局形式展示内容。因此作为一种可选的实施方式,在瀑布流页面被切换为分页页面之后,还可以将分页页面重新切换回瀑布流页面。
[0046]在这种实施方式中,同样可以用类似于上述分页功能键的方式实现。如图3所示,可以在分页页面中提供瀑布流功能键,该瀑布流功能键可以设置于页面底部或以悬浮的方式出现在页面中。用户通过触发该瀑布流功能键就可以将分页页面的布局形式转换为瀑布流的布局形式。此外,该瀑布流功能键可以在瀑布流页面切换到分页页面之后的预定时长出现,提示用户可以切换回瀑布流页面。当然也可以在瀑布流页面切换到分页页面时就弹出瀑布流功能键。
[0047]当然,作为另一种实现方式,无论是瀑布流页面切换到分页页面,还是分页页面切换到瀑布流页面,都可以共用一个功能键。该功能键可以在瀑布流页面中显示“分页”的提示,在分页页面中显示“瀑布流”的提示。该功能键在能够进行页面切换的情况下才弹出,在不能进行页面切换的情况下自动隐藏;当然该功能键也可以始终出现在页面中,只是在能够进行页面切换的情况下才能触发(如功能键的提示内容为绿色),在不能进行页面切换的情况下触发无效(如功能键的提示内容为红色)。
[0048]上述实施例所述的各种实施方式是在浏览器计时功能按照预设时长完成计时的基础上实施的,但是用户在实际浏览网页的过程中,可能会出现网页卡顿过于严重而导致浏览器计时功能计时中止,即浏览器计时功能在完成预设时长的计时之前就停止计时。当出现浏览器计时功能计时中止的情况时,由于浏览器计时功能计时没有到达预设时长,无法获取系统时钟的第二时刻值,因此无法获得实际计时时长用来判断网页是否发生卡顿。因此,在本实施例中还可以包括判断浏览器计时功能的计时是否中止的步骤。若通过判断确定浏览器计时功能计时中止,则说明网页过于卡顿导致浏览器计时功能提前停止计时,此时就可以将瀑布流页面切换为分页页面。
[0049]此外,本发明实施例还提供了一种判断浏览器计时功能计时是否中止的实施方式。由于中止计时是在预设时长之前就停止计时,因此该实施方式可以将浏览器计时功能停止计时时的计时时长与预设时长进行比对,若没有达到预设时长,即停止计时时的计时时长小于预设时长,则确定浏览器计时功能计时中止,可以执行后续将瀑布流页面切换为分页页面的步骤。
[0050]在本实施例中,确定网页是否发生卡顿的效率直接影响到用户的浏览体验,而确定网页是否卡顿主要是通过将系统时钟的实际计时时长与浏览器计时功能计时的预设时长进行比对的方式完成的,因此预设时长的长短直接影响到确定网页是否卡顿的速度。例如,若预设时长为200ms,则浏览器计时功能计时200ms后,能够确定网页是否卡顿;若预设时长为2000ms,则浏览器计时功能计时2000ms后,才能确定网页是否卡顿,而在2000ms这段较长的时间计时结束前,网页很可能已经卡顿到严重影响用户的正常浏览需求,但是由于2000ms的预设时长没有计时完成,无法获取系统时钟的第二时刻值,得不到实际计时时长,因此无法通过比对预设时长的方式确定网页卡顿,不能将瀑布流页面切换到分页页面。
[0051]由于过长的预设时长会影响实施效果,因此基于用户普遍的浏览习惯以及综合各种影响网页卡顿的因素,本实施例提供一个预设时长小于100ms的经验范围。预设时长在这个范围内,能够在用户感到网页明显的卡顿之前,就判断出页面的卡顿,并切换页面布局形式。这里需要说明的是,本实施例提供的100ms的预设时长只是一个可选的方案,并不是对预设时长的限制,根据具体的情况还可以调整预设时长。
[0052]在上述各种实施方式中,除了在监听到用户触发了相应的操作事件时启动浏览器计时功能进行计时之外,本发明实施例还提供了另一种启动计时的方式,即通过调用setTimeout或调用set Timeinterval功能接口进行计时。
[0053]由于JS定时器中的set Timeout用法是通过设定一个时间,时间到了,就会执行一个指定操作或调用一个指定函数。而set Timeinterval用法则是表示间隔一定时间反复执行某操作。在本实施例的一种实现方式中,可以通过调用set Timeinterval功能接口启动计时,例如在set Timeinterval语句中设置时间为500ms,设置指定操作为按照预设时长进行计时,则每经过500ms浏览器计时功能都会按照预设时长进行计时。或者也可以调用set Timeout功能接口启动计时,如果要用set Timeout实现set Timeinterval的功能,就需要在set Timeout执行的程序中再定时调用自己才行。
[0054]本发明实施例通过判断浏览器计时功能的计时是否中止,能够在预设时长计时结束前将出现卡顿的瀑布流页面及时切换为分页页面,保证了页面布局形式切换的高效性,极大程度的降低了用户浏览网页过程中出现的卡顿现象。同时,本实施例在网页布局形式进行切换时提供分页功能键和瀑布流功能键,让用户自行选择在瀑布流页面和分页页面之间进行切换,能够提高用户的浏览体验。
[0055]进一步的,作为对上述方法的实现,本发明实施例还提供了一种网页布局的装置,该装置可以位于终端中,也可以独立于终端但与终端之间具有数据交互关系,用以实现上述实施例提供的不同实施方式所示的方法。如图4所示,该装置包括:计时单元41、获取单元42、处理单元43、比对单元44以及切换单元45,其中,
[0056]计时单元41,用于启动浏览器计时功能进行计时;
[0057]获取单元42,用于在计时单元41启动计时时获取系统时钟的第一时刻值;
[0058]该计时单元41还用于在计时到达预设时长时停止计时;
[0059]该获取单元42还用于在计时单元41停止计时时获取系统时钟的第二时刻值;
[0060]处理单元43,用于计算获取单元42获取的第二时刻值与第一时刻值的差值,获得实际计时时长;
[0061]比对单元44,用于将处理单元43获得的实际计时时长与预设时长进行比对,判断瀑布流页面是否发生卡顿;
[0062]切换单元45,用于当比对单元44确定瀑布流页面发生卡顿时,将瀑布流页面切换为分页页面。
[0063]进一步的,该比对单元44用于比对实际计时时长大于预设时长时,确定瀑布流页面发生卡顿。
[0064]进一步的,该装置进一步包括:
[0065]监听单元46,用于在计时单元41启动浏览器计时功能进行计时之前,对用户的操作事件进行监听,该操作事件包括滚轮事件、滑动条事件、方向键事件。
[0066]该计时单元41用于当监听单元46监听到操作变化时,启动浏览器计时功能进行计时。
[0067]进一步的,该切换单元45用于在瀑布流页面中提供分页功能键,当用户触发该分页功能键时,对瀑布流页面中的展示内容进行分页处理,并以分页页面的布局形式显示展示内容。
[0068]进一步的,该切换单元45用于切换显示包含分页前最后显示的展示内容的分页页面。
[0069]进一步的,该切换单元45用于在切换单元45将瀑布流页面切换为分页页面之后,将分页页面转换为瀑布流页面。
[0070]进一步的,该装置进一步包括:
[0071]判断单元47,用于判断浏览器计时功能的计时是否中止;
[0072]该切换单元45还用于当判断单元47确定浏览器计时功能计时中止时,将瀑布流页面切换为分页页面。
[0073]进一步的,该判断单元47用于当浏览器计时功能停止计时时,比对浏览器计时功能停止计时时的计时时长是否达到预设时长,若没有达到预设时长,则确定浏览器计时功能计时中止。
[0074]进一步的,该计时单元41用于调用set Timeout或调用set Timeinterval功能接口进行计时。
[0075]本发明实施例提供的网页布局的装置,能够根据浏览器计时功能按照预设时长进行计时,并在开始计时和结束计时时分别获取系统时钟的第一时刻值和第二时刻值,由第二时刻值与第一时刻值的差值获得实际计时时长,将实际计时时长与预设时长进行比对后判断瀑布流页面是否发生卡顿,若确定瀑布流页面发生卡顿,则将瀑布流页面切换为分页页面。与现有技术相比,本发明能够通过浏览器计时与系统时钟的比对判断网页是否发生卡顿,并在网页发生卡顿时,通过转换分页页面的方式释放内存,从而防止瀑布流页面的卡顿,保证网页运行的流畅性。
[0076]此外,本发明实施例提供的装置通过判断浏览器计时功能的计时是否中止,能够在预设时长计时结束前将出现卡顿的瀑布流页面及时切换为分页页面,保证了页面布局形式切换的高效性,极大程度的降低了用户浏览网页过程中出现的卡顿现象。同时,本实施例在网页布局形式进行切换时提供分页功能键和瀑布流功能键,让用户自行选择在瀑布流页面和分页页面之间进行切换,能够提高用户的浏览体验。
[0077]Al、一种网页布局的方法,所述方法包括:
[0078]启动浏览器计时功能进行计时,并在启动计时时获取系统时钟的第一时刻值;
[0079]在计时到达预设时长时停止计时,并在停止计时时获取系统时钟的第二时刻值;
[0080]计算所述第二时刻值与所述第一时刻值的差值,获得实际计时时长;
[0081]将所述实际计时时长与所述预设时长进行比对,判断瀑布流页面是否发生卡顿;
[0082]若所述瀑布流页面发生卡顿,则将所述瀑布流页面切换为分页页面。
[0083]A2、根据Al所述的方法,所述将所述实际计时时长与所述预设时长进行比对,判断瀑布流页面是否发生卡顿,包括:
[0084]当所述实际计时时长大于所述预设时长时,确定所述瀑布流页面发生卡顿。
[0085]A3、根据Al所述的方法,在所述启动浏览器计时功能进行计时之前,所述方法进一步包括:
[0086]对用户的操作事件进行监听;
[0087]所述操作事件包括滚轮事件、滑动条事件、方向键事件;
[0088]所述启动浏览器计时功能进行计时,包括:
[0089]当监听到操作变化时,启动浏览器计时功能进行计时。
[0090]A4、根据Al所述的方法,所述将所述瀑布流页面切换为分页页面,包括:
[0091]在所述瀑布流页面中提供分页功能键;
[0092]当用户触发所述分页功能键时,对所述瀑布流页面中的展示内容进行分页处理,并以分页页面的布局形式显示所述展示内容。
[0093]A5、根据A4所述的方法,所述以分页页面的布局形式显示所述展示内容,包括:
[0094]显示包含分页前最后显示的展示内容的分页页面。
[0095]A6、根据Al所述的方法,在所述将所述瀑布流页面切换为分页页面之后,所述方法进一步包括:
[0096]将所述分页页面转换为瀑布流页面。
[0097]A7、根据Al所述的方法,所述方法进一步包括:
[0098]判断所述浏览器计时功能的计时是否中止;
[0099]当所述浏览器计时功能计时中止时,将所述瀑布流页面切换为分页页面。
[0100]AS、根据A7所述的方法,所述判断所述浏览器计时功能的计时是否中止,包括:
[0101]当所述浏览器计时功能停止计时时,比对所述浏览器计时功能停止计时时的计时时长是否达到所述预设时长,若没有达到所述预设时长,则确定所述浏览器计时功能计时中止。
[0102]A9、根据Al所述的方法,所述启动浏览器计时功能进行计时,包括:调用setTimeout或调用set Timeinterval功能接口进行计时。
[0103]A10、根据A9所述的方法,当所述启动浏览器计时功能为所述调用setTimeinterval功能接口时,通过改写set Timeinterval语句的方式设置计时周期的间隔长短。
[0104]All、根据Al所述的方法,所述系统时钟为主板上的原子时钟或者网络侧的网络时钟。
[0105]A12、根据Al所述的方法,所述预设时长小于1000ms。
[0106]B13、一种网页布局的装置,所述装置包括:
[0107]计时单元,用于启动浏览器计时功能进行计时;
[0108]获取单元,用于在所述计时单元启动计时时获取系统时钟的第一时刻值;
[0109]所述计时单元还用于在计时到达预设时长时停止计时;
[0110]所述获取单元还用于在所述计时单元停止计时时获取系统时钟的第二时刻值;
[0111]处理单元,用于计算所述获取单元获取的所述第二时刻值与所述第一时刻值的差值,获得实际计时时长;
[0112]比对单元,用于将所述处理单元获得的所述实际计时时长与所述预设时长进行比对,判断瀑布流页面是否发生卡顿;
[0113]切换单元,用于当所述比对单元确定所述瀑布流页面发生卡顿时,将所述瀑布流页面切换为分页页面。
[0114]B14、根据B13所述的装置,所述比对单元用于比对所述实际计时时长大于所述预设时长时,确定所述瀑布流页面发生卡顿。
[0115]B15、根据B13所述的装置,所述装置进一步包括:
[0116]监听单元,用于在所述计时单元启动浏览器计时功能进行计时之前,对用户的操作事件进行监听;
[0117]所述操作事件包括滚轮事件、滑动条事件、方向键事件;
[0118]所述计时单元用于当所述监听单元监听到操作变化时,启动浏览器计时功能进行计时。
[0119]B16、根据B13所述的装置,所述切换单元用于在所述瀑布流页面中提供分页功能键,当用户触发所述分页功能键时,对所述瀑布流页面中的展示内容进行分页处理,并以分页页面的布局形式显示所述展示内容。
[0120]B17、根据B16所述的方法,所述切换单元用于切换显示包含分页前最后显示的展示内容的分页页面。
[0121]B18、根据B13所述的装置,所述切换单元用于在所述切换单元将所述瀑布流页面切换为分页页面之后,将所述分页页面转换为瀑布流页面。
[0122]B19、根据B13所述的装置,所述装置进一步包括:
[0123]判断单元,用于判断所述浏览器计时功能的计时是否中止;
[0124]所述切换单元还用于当所述判断单元确定所述浏览器计时功能计时中止时,将所述瀑布流页面切换为分页页面。
[0125]B20、根据B19所述的装置,所述判断单元用于当所述浏览器计时功能停止计时时,比对所述浏览器计时功能停止计时时的计时时长是否达到所述预设时长,若没有达到所述预设时长,则确定所述浏览器计时功能计时中止。
[0126]B21、根据B13所述的装置,所述计时单元用于调用set Timeout或调用setTimeinterval功能接口进行计时。
[0127]在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
[0128]可以理解的是,上述方法及装置中的相关特征可以相互参考。另外,上述实施例中的“第一”、“第二”等是用于区分各实施例,而并不代表各实施例的优劣。
[0129]所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统,装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
[0130]在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
[0131]在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
[0132]类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循【具体实施方式】的权利要求书由此明确地并入该【具体实施方式】,其中每个权利要求本身都作为本发明的单独实施例。
[0133]本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
[0134]此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
[0135]本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的发明名称(如确定网站内链接等级的装置)中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
[0136]应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
【权利要求】
1.一种网页布局的方法,其特征在于,所述方法包括: 启动浏览器计时功能进行计时,并在启动计时时获取系统时钟的第一时刻值; 在计时到达预设时长时停止计时,并在停止计时时获取系统时钟的第二时刻值; 计算所述第二时刻值与所述第一时刻值的差值,获得实际计时时长; 将所述实际计时时长与所述预设时长进行比对,判断瀑布流页面是否发生卡顿; 若所述瀑布流页面发生卡顿,则将所述瀑布流页面切换为分页页面。
2.根据权利要求1所述的方法,其特征在于,所述将所述实际计时时长与所述预设时长进行比对,判断瀑布流页面是否发生卡顿,包括: 当所述实际计时时长大于所述预设时长时,确定所述瀑布流页面发生卡顿。
3.根据权利要求1所述的方法,其特征在于,在所述启动浏览器计时功能进行计时之前,所述方法进一步包括: 对用户的操作事件进行监听; 所述操作事件包括滚轮事件、滑动条事件、方向键事件; 所述启动浏览器计时功能进行计时,包括: 当监听到操作变化时,启动浏览器计时功能进行计时。
4.根据权利要求1所述的方法,其特征在于,所述将所述瀑布流页面切换为分页页面,包括: 在所述瀑布流页面中提供分页功能键; 当用户触发所述分页功能键时,对所述瀑布流页面中的展示内容进行分页处理,并以分页页面的布局形式显示所述展示内容。
5.根据权利要求4所述的方法,其特征在于,所述以分页页面的布局形式显示所述展示内容,包括: 显示包含分页前最后显示的展示内容的分页页面。
6.根据权利要求1所述的方法,其特征在于,在所述将所述瀑布流页面切换为分页页面之后,所述方法进一步包括: 将所述分页页面转换为瀑布流页面。
7.根据权利要求1所述的方法,其特征在于,所述方法进一步包括: 判断所述浏览器计时功能的计时是否中止; 当所述浏览器计时功能计时中止时,将所述瀑布流页面切换为分页页面。
8.根据权利要求7所述的方法,其特征在于,所述判断所述浏览器计时功能的计时是否中止,包括: 当所述浏览器计时功能停止计时时,比对所述浏览器计时功能停止计时时的计时时长是否达到所述预设时长,若没有达到所述预设时长,则确定所述浏览器计时功能计时中止。
9.根据权利要求1所述的方法,其特征在于,所述启动浏览器计时功能进行计时,包括:调用set Timeout或调用set Timeinterval功能接口进行计时。
10.一种网页布局的装置,其特征在于,所述装置包括: 计时单元,用于启动浏览器计时功能进行计时; 获取单元,用于在所述计时单元启动计时时获取系统时钟的第一时刻值; 所述计时单元还用于在计时到达预设时长时停止计时; 所述获取单元还用于在所述计时单元停止计时时获取系统时钟的第二时刻值; 处理单元,用于计算所述获取单元获取的所述第二时刻值与所述第一时刻值的差值,获得实际计时时长; 比对单元,用于将所述处理单元获得的所述实际计时时长与所述预设时长进行比对,判断瀑布流页面是否发生卡顿; 切换单元,用于当所述比对单元确定所述瀑布流页面发生卡顿时,将所述瀑布流页面切换为分页页面。
【文档编号】G06F17/30GK104462309SQ201410714500
【公开日】2015年3月25日 申请日期:2014年11月28日 优先权日:2014年11月28日
【发明者】罗正烨 申请人:北京奇虎科技有限公司, 奇智软件(北京)有限公司
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1