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

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

【技术实现步骤摘要】
一种网页布局的方法及装置
本专利技术涉及互联网
，特别是涉及一种网页布局的方法及装置。
技术介绍
随着互联网技术的发展，网页的内容和样式也越来越丰富。为了提高网页图片的展示效果和用户浏览的便捷性，现有技术中多采用瀑布流的布局方式实现图片的加载。基于瀑布流技术，用户在浏览图片的过程中无需翻页，通过不断下拉滚动条或滑动滚轮的方式，用户可以对网页中的图片进行无限浏览。在现有的瀑布流技术中，专利技术人发现：用户浏览过的图片数据会被保存在终端的内存中，随着用户浏览的图片愈发增多，终端内存、中央处理器(CentralProcessingUnit，简称CPU)等处理资源的占用情况将会愈发严重，从而影响到图片加载的速度，导致网页卡顿的情况出现。
技术实现思路
有鉴于此，本专利技术提出了一种网页布局的方法及装置，主要目的在于解决瀑布流技术导致的网页卡顿的问题。依据本专利技术的第一个方面，本专利技术提供了一种网页布局的方法，包括：启动浏览器计时功能进行计时，并在启动计时时获取系统时钟的第一时刻值；在计时到达预设时长时停止计时，并在停止计时时获取系统时钟的第二时刻值；计算第二时刻值与第一时刻值的差值，获得实际计时时长；将实际计时时长与预设时长进行比对，判断瀑布流页面是否发生卡顿；若瀑布流页面发生卡顿，则将瀑布流页面切换为分页页面。依据本专利技术的第二个方面，本专利技术提供了一种网页布局的装置，该装置包括：计时单元，用于启动浏览器计时功能进行计时；获取单元，用于在计时单元启动计时时获取系统时钟的第一时刻值；该计时单元还用于在计时到达预设时长时停止计时；该获取单元还用于在计时单元停止计时时获取系统时钟的第二时刻值；处理单元，用于计算获取单元获取的第二时刻值与第一时刻值的差值，获得实际计时时长；比对单元，用于将处理单元获得的实际计时时长与预设时长进行比对，判断瀑布流页面是否发生卡顿；切换单元，用于当比对单元确定瀑布流页面发生卡顿时，将瀑布流页面切换为分页页面。借由上述技术方案，本专利技术实施例提供的网页布局的方法及装置，能够根据浏览器计时功能按照预设时长进行计时，并在开始计时和结束计时时分别获取系统时钟的第一时刻值和第二时刻值，由第二时刻值与第一时刻值的差值获得实际计时时长，将实际计时时长与预设时长进行比对后判断瀑布流页面是否发生卡顿，若确定瀑布流页面发生卡顿，则将瀑布流页面切换为分页页面。与现有技术相比，本专利技术能够通过浏览器计时与系统时钟的比对判断网页是否发生卡顿，并在网页发生卡顿时，通过转换分页页面的方式释放内存，从而防止瀑布流页面的卡顿，保证网页运行的流畅性。上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式。附图说明通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：图1示出了本专利技术实施例提供的网页布局的方法的流程图；图2示出了本专利技术实施例提供的由瀑布流页面切换为分页页面时的页面示意图；图3示出了本专利技术实施例提供的由分页页面切换为瀑布流页面时的页面示意图；图4示出了本专利技术实施例提供的网页布局的装置的结构示意图。具体实施方式下面将参照附图更加详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。为了解决瀑布流技术导致的网页卡顿的问题，本专利技术实施例提供了一种网页布局的方法，如图1所示，该方法包括：101、启动浏览器计时功能进行计时，并在启动计时时获取系统时钟的第一时刻值。日常情况下用户通过浏览器浏览网页的过程中，常常会在网页中执行一些任务操作。例如购买车票、机票或注册账号等，这些任务通常具有时效性，即必须在设定的时间内完成此操作才能使任务生效。为了使用户能够实时了解任务的执行进度，浏览器自身通常都具有计时功能，浏览器的计时独立于系统的计时，大多数情况下是通过在浏览器中嵌入定时器来对网页中的任务进行计时的，定时器通常为嵌入网页式的JavaScript定时器(简称JS定时器)。在该步骤中，当启动浏览器的计时功能进行计时时，需要获取系统时钟的第一时刻值。该第一时刻值在下述步骤103中具有重要作用。由于Js定时器这一应用是基于浏览器层面开发的，其计时的准确性会受到浏览器性能的影响，而当终端内存、中央处理器(CentralProcessingUnit，简称CPU)等处理资源的占用情况严重时，也会使浏览器计时不准确。因此当启动浏览器计时功能进行计时时，浏览器可能会出现计时延迟的现象，即实际计时时间大于浏览器计时时间。由此可知获取实际计时时间有重要作用，而上述获取的系统时钟的第一时刻值就是得到实际计时时间的必要参数。102、在计时到达预设时长时停止计时，并在停止计时时获取系统时钟的第二时刻值。在本专利技术中，浏览器计时功能会按照预设时长进行计时，这个预设时长是判断瀑布流页面是否发生卡顿的必要参数，预设时长可以人为设置，浏览器计时功能按照预设时长计时结束后会获取系统时钟的第二时刻值，该系统时钟的第二时刻值与步骤101中系统时钟的第一时刻值相对应，也是得到实际计时时间的必要参数。103、计算第二时刻值与第一时刻值的差值，获得实际计时时长。浏览器计时功能按照预设时长进行计时的过程中，可能会因为内存过度占用或CPU处理资源过度占用等问题而造成计时出现误差，所以在浏览器按照预设时长进行计时的这段时间内，如果在一切正常的情况下，浏览器计时功能的实际计时时长会与预设时长不一致。而系统时钟不受内存占用或CPU处理资源占用的影响，因此可以根据系统时钟来获得浏览器计时功能的实际计时时长。由于步骤101在启动浏览器计时功能进行计时时获取到系统时钟的第一时刻值，步骤102在浏览器计时功能计时到达预设时长时获取到系统时钟的第二时刻值，因而将该第二时刻值与第一时刻值相减，这个时间差就是浏览器计时功能的实际计时时长。104、将实际计时时长与预设时长进行比对，判断瀑布流页面是否发生卡顿。在用户通过浏览器浏览瀑布流网页时，随着浏览过的内容越来越多，内存或CPU处理资源等的占用会提高，当内存或CPU处理资源等的占用愈发严重时，瀑布流页面会发生卡顿，浏览器计时功能会出现偏差。由于用户的感知能力有限，以及不同用户有不同的感知体验，因此根据用户的直观感受无法准确判断出瀑布流页面是否发生卡顿。而瀑布流页面的卡顿情况与浏览器计时功能的偏差情况存在正相关的关系，瀑布流页面卡顿越严重，浏览器计时功能的偏差越大。因此，为了能够准确及时的判断出瀑布流页面是否发生卡顿，可以将步骤103获得的实际计时时长与预设时长进行比对，根据比对结果是否存在偏差来判断瀑布流页面是否发生卡顿。105、若瀑布流页面发生卡顿，则将瀑布流页面切换为分页页面。若在步骤104中将实际计时时长与预设时长比对后发现存在偏差，则可以确定瀑布流页面发生卡顿，为了保证用本文档来自技高网...

【技术保护点】
一种网页布局的方法，其特征在于，所述方法包括：启动浏览器计时功能进行计时，并在启动计时时获取系统时钟的第一时刻值；在计时到达预设时长时停止计时，并在停止计时时获取系统时钟的第二时刻值；计算所述第二时刻值与所述第一时刻值的差值，获得实际计时时长；将所述实际计时时长与所述预设时长进行比对，判断瀑布流页面是否发生卡顿；若所述瀑布流页面发生卡顿，则将所述瀑布流页面切换为分页页面。

【技术特征摘要】
1.一种网页布局的方法，其特征在于，所述方法包括：启动浏览器计时功能进行计时，并在启动计时时获取系统时钟的第一时刻值；其中，所述浏览器的计时独立于系统时钟的计时；在计时到达预设时长时停止计时，并在停止计时时获取系统时钟的第二时刻值；计算所述第二时刻值与所述第一时刻值的差值，获得实际计时时长；将所述实际计时时长与所述预设时长进行比对，判断瀑布流页面是否发生卡顿；若所述瀑布流页面发生卡顿，则将所述瀑布流页面切换为分页页面。2.根据权利要求1所述的方法，其特征在于，所述将所述实际计时时长与所述预设时长进行比对，判断瀑布流页面是否发生卡顿，包括：当所述实际计时时长大于所述预设时长时，确定所述瀑布流页面发生卡顿。3.根据权利要求1所述的方法，其特征在于，在所述启动浏览器计时功能进行计时之前，所述方法进一步包括：对用户的操作事件进行监听；所述操作事件包括滚轮事件、滑动条事件、方向键事件；所述启动浏览器计时功能进行计时，包括：当监听到操作变化时，启动浏览器计时功能进行计时。4.根据权利要求1所述的方法，其特征在于，所述将所述瀑布流页面切换为分页页面，包括：在所述瀑布流页面中提供分页功能键；当用户触发所述分页功能键时，对所述瀑布流页面中的展示内容进行分页处理，并以分页页面的布局形式显示所述展示内容。5.根据权利要求4所述的方法，其特征在于，所述以分页页面的布局形式显示所述展示内容，包括：显示包含分页前最后显示的展示内容的分页页面。6.根据权利要求1所述的方法，其特征在于，在所述将所述瀑布流页面切换为分页页面之后，所述方法进一步包括：将所述分页页面转换为瀑布流页面。7.根据权利要求1所述的方法，其特征在于，所述方法进一步包括：判断所述浏览器计时功能的计时是否中止；当所述浏览器计时功能计时中止时，将所述瀑布流页面切换为分页页面。8.根据权利要求7所述的方法，其特征在于，所述判断所述浏览器计时功能的计时是否中止，包括：当所述浏览器计时功能停止计时时，比对所述浏览器计时功能停止计时时的计时时长是否达到所述预设时长，若没有达到所述预设时长，则确定所述浏览器计时功能计时中止。9.根据权利要求1所述的方法，其特征在于，所述启动浏览器计时功能进行计时，包括：调用setTimeout或调用setTimeinterval功能接口进行计时。10.根据权利要求9所述的方法，其特征在于，当所述启动浏览器计时功能为所述调用setTimeinterval功能接口时，通过改写setTimeinterval语句的方式设置计时周期的间隔长短。11.根据权利要求1所述的方法，其特征在于，所述...

【专利技术属性】
技术研发人员：罗正烨，
申请(专利权)人：北京奇虎科技有限公司，奇智软件北京有限公司，
类型：发明
国别省市：北京;11