CN103902576B - 网页分栏信息刷新方法及装置 - Google Patents

Abstract

本发明涉及一种网页分栏信息刷新方法及装置。该网页分栏信息刷新方法包括步骤：接收到网页刷新请求时，获取最新的本地分栏信息的终端时间戳，并将终端时间戳与所述网页刷新请求发送给信息服务器；接收信息服务器反馈的分栏更新信息，并根据分栏更新信息对本地分栏信息以及分栏节点信息进行更新，得到更新后的本地分栏信息以及更新后的分栏节点信息；以及根据更新后的本地分栏信息以及更新后的分栏节点信息，对用于显示所述本地分栏信息的网页进行刷新。本发明还涉及一种网页分栏信息刷新装置。本发明的网页分栏信息刷新方法及装置通过比较本地的分栏信息和服务器的分栏信息，减少了服务器传输的分栏信息量以及本地客户端的分栏信息渲染量，缩短了浏览器分栏信息的重新排列展示时间。

Description

网页分栏信息刷新方法及装置

技术领域

本发明涉及互联网领域，特别是涉及一种节省资源的网页分栏信息刷新方法及装置。

背景技术

图1为现有技术的网页分栏信息展示的结构示意图。在浏览器中经常通过多栏信息展示的方式将网页应用的内容展现给用户，随着浏览器尺寸的不断变化，网页中多栏信息展示的内容也需要随着不断的变化。如图1所示，图1的左侧为浏览器尺寸变化前的网页分栏信息展示结构，其中展示了3栏信息，每栏设置有3个信息元素，因此该浏览器一共呈现了9个网页应用的信息元素。图1的右侧为浏览器尺寸变化后的网页分栏信息展示结构，其中也展示了3栏信息，但每栏设置有5个信息元素，因此该浏览器一共呈现了15个网页应用的信息元素。

在现有技术中，当浏览器尺寸发生变化时，会首先将浏览器上网页应用的信息元素清空，然后生成浏览器尺寸变化后的浏览器界面，再根据浏览器上网页应用的分栏展示结构从服务器上获取相应信息元素进行重新排列展示。

在实现本发明的过程中，发明人发现现有技术至少存在以下问题：由于浏览器尺寸的每次变化均需要将当前网页应用的所有信息元素（分栏信息）清空，然后向服务器发送信息元素获取请求，导致服务器的传输压力较大；同时浏览器需要对获取的信息元素进行重新渲染，大大占用了本地客户端的资源；最后整个重新排列展示的耗时较长，影响展示效率。

故，有必要提供一种节省资源的网页分栏信息刷新方法及装置，以解决现有技术所存在的问题。

发明内容

本发明的目的在于提供一种网页分栏信息刷新方法及装置，其通过比较本地的分栏信息和服务器的分栏信息，减少了服务器传输的分栏信息量以及本地客户端的分栏信息渲染量，缩短了浏览器分栏信息的重新排列展示时间；以解决现有网页分栏信息刷新方法及装置的占用服务器和本地客户端的资源较大，以及分栏信息重新排列展示时间较长的技术问题。

为解决上述问题，本发明提供的技术方案如下：

本发明涉及一种网页分栏信息刷新方法，其包括步骤：

接收到网页刷新请求时，获取最新的本地分栏信息的终端时间戳，并将所述终端时间戳与所述网页刷新请求发送给信息服务器；

接收所述信息服务器反馈的分栏更新信息，并根据所述分栏更新信息对所述本地分栏信息以及分栏节点信息进行更新，得到更新后的本地分栏信息以及更新后的分栏节点信息；

根据所述更新后的本地分栏信息以及所述更新后的分栏节点信息，对用于显示所述本地分栏信息的网页进行刷新。

本发明还涉及一种网页分栏信息刷新装置，其包括：

刷新请求发送模块，用于接收到网页刷新请求时，获取最新的本地分栏信息的终端时间戳，并将所述终端时间戳与所述网页刷新请求发送给信息服务器；

更新模块，用于接收所述信息服务器反馈的分栏更新信息，并根据所述分栏更新信息对所述本地分栏信息以及分栏节点信息进行更新，得到更新后的本地分栏信息以及更新后的分栏节点信息；以及

刷新模块，用于根据所述更新后的本地分栏信息以及所述更新后的分栏节点信息，对用于显示所述本地分栏信息的网页进行刷新。

相较于现有技术的网页分栏信息刷新方法及装置，本发明的网页分栏信息刷新方法及装置通过比较本地的分栏信息和服务器的分栏信息，减少了服务器传输的分栏信息量以及本地客户端的分栏信息渲染量，缩短了浏览器分栏信息的重新排列展示时间。解决了现有的网页分栏信息刷新方法及装置的占用服务器和本地客户端的资源较大，以及分栏信息重新排列展示时间较长的技术问题。

附图说明

图1为现有技术的网页分栏信息展示的结构示意图；

图2为本发明的网页分栏信息刷新方法的第一优选实施例的流程图；

图3为本发明的网页分栏信息刷新方法的第二优选实施例的流程图；

图4为本发明的网页分栏信息刷新装置的第一优选实施例的结构示意图；

图5为本发明的网页分栏信息刷新装置的第二优选实施例的结构示意图；

图6为本发明的网页分栏信息刷新方法及装置的网页分栏信息展示的结构示意图。

具体实施方式

以下各实施例的说明是参考附加的图式，用以例示本发明可用以实施的特定实施例。

请参照图2，图2为本发明的网页分栏信息刷新方法的第一优选实施例的流程图。该网页分栏信息刷新方法包括：

步骤201，接收到网页刷新请求时，获取最新的本地分栏信息的终端时间戳，并将终端时间戳与网页刷新请求发送给信息服务器；

步骤202，接收信息服务器反馈的分栏更新信息，并根据分栏更新信息对本地分栏信息以及分栏节点信息进行更新，得到更新后的本地分栏信息以及更新后的分栏节点信息；

步骤203，根据更新后的本地分栏信息以及更新后的分栏节点信息，对用于显示本地分栏信息的网页进行刷新；

本优选实施例的网页分栏信息刷新方法结束于步骤203。

下面详细说明本优选实施例的网页分栏信息刷新方法的各步骤的流程。

在步骤201中，本地客户端接收到用户的网页刷新请求时，会获取网页上最新的本地分栏信息的终端时间戳（即在本地客户端上的最新本地分栏信息的时间戳，该时间戳为最近一次向服务器请求返回而保存在本地的一份数据）；然后本地客户端会将该终端时间戳和网页刷新请求一起发送给信息服务器。

随后来到步骤202。

在步骤202中，信息服务器会根据上述的网页刷新请求以及终端时间戳获取需要更新的分栏更新信息（即本地客户端的网页上需要添加或删除的分栏信息），然后发送给本地客户端。本地客户端接收信息服务器反馈的分栏更新信息，并根据分栏更新信息对本地分栏信息以及分栏节点信息（包括分栏节点的数量信息等）进行更新（如分栏节点数量的添加或减少），得到更新后的本地分栏信息以及更新后的分栏节点信息。

随后来到步骤203。

在步骤203中，根据步骤202中更新的本地分栏信息以及更新的分栏节点信息，对用于显示本地分栏信息的网页进行刷新，这里本地客户端通过分栏信息以及相应的分栏节点对更新的本地分栏信息进行展示，每个分栏信息都在相应的分栏节点上进行展示，即分栏信息确定展示的内容，分栏节点确定展示的位置。这样即完成了本优选实施例的网页分栏信息刷新过程。

本优选实施例的网页分栏信息刷新方法使用部分网页分栏信息（即分栏更新信息）进行网页刷新操作，在很好的完成网页刷新操作的基础上，减轻服务器的传输负担以及本地客户端的渲染负担，同时加快了本地网页刷新速度。

请参照图3，图3为本发明的网页分栏信息刷新方法的第二优选实施例的流程图。该网页分栏信息刷新方法包括：

步骤301，接收到网页刷新请求时，获取最新的本地分栏信息的终端时间戳，并将终端时间戳与网页刷新请求发送给信息服务器；

步骤302，接收到网页刷新请求时，根据本地分栏删除信息删除网页上的本地分栏信息，并减少相应的分栏节点的数量；根据本地分栏添加信息将时间戳晚于终端时间戳的分栏信息添加到本地分栏信息上，并增加相应的分栏节点的数量；

步骤303，根据本地分栏添加信息渲染生成待添加到网页上的分栏信息的图标；

步骤304，根据更新后的本地分栏信息的时间戳以及更新后的分栏节点信息，依次将更新后的本地分栏信息的图标设置在相应的更新后的分栏节点上；

本优选实施例的网页分栏信息刷新方法结束于步骤304。

下面详细说明本优选实施例的网页分栏信息刷新方法的各步骤的流程。

步骤301的工作流程与上述网页分栏信息刷新方法的第一优选实施例的步骤201中的描述相同或相似，具体请参见上述网页分栏信息刷新方法的第一优选实施例的步骤201中的相关描述。

随后来到步骤302。

在步骤302中，信息服务器会根据上述的网页刷新请求以及终端时间戳获取需要更新的分栏更新信息，其中分栏更新信息可包括本地分栏添加信息以及本地分栏删除信息至少其中之一（如无更新内容则无分栏更新信息），然后将上述本地分栏添加信息、本地分栏删除信息以及无更新内容的信息发送给本地客户端。本地客户端如接收到本地分栏添加信息，则根据本地分栏添加信息将时间戳晚于终端时间戳的分栏信息添加到本地分栏信息上，并增加相应的分栏节点的数量（即改变分栏节点信息中的数量信息）；如接收到本地分栏删除信息，则根据本地分栏删除信息删除网页上的本地分栏信息，并减少相应的分栏节点的数量；如同时接收到本地分栏添加信息以及本地分栏删除信息，则可依次进行添加以及删除的操作（即分栏节点信息中的数量信息先加后减）；如接收到无更新内容的信息，则不对本地分栏信息以及分栏节点信息进行更新。

随后来到步骤303。

在步骤303中，由于本地分栏添加信息中的添加的分栏信息为原本的本地分栏信息没有的，因此需要根据本地分栏添加信息渲染生成待添加到网页上的分栏信息的图标，加上未被本地分栏删除信息删除的本地分栏信息，此时本地客户端上具有所有更新后的本地分栏信息的图标，以及更新后的分栏节点信息。

随后来到步骤304。

在步骤304中，根据更新后的本地分栏信息的时间戳以及更新后的分栏节点信息，依次将更新后的本地分栏信息的图标设置在相应的更新后的分栏节点上，由于这时更新后的本地分栏信息与更新后的分栏节点一一对应，因此只要按照分栏节点的结构以及分栏节点的排布顺序将更新后的本地分栏信息的图标依次设置在更新后的分栏节点的位置上即可。这里的依次是指按照分栏节点的排布顺序依次设置，如分栏节点是按时间从前到后排列，则按时间戳从前到后依次设置本地分栏信息的图标；如分栏节点是按时间从后到前排列，则按时间戳从后到前依次设置本地分栏信息的图标；如分栏节点为其他排布顺序，则按相应的顺序设置本地分栏信息的图标。这样即完成了本优选实施例的网页分栏信息刷新过程。

进一步，如在步骤304中，分栏节点的属性发生了变更，则根据变更后的分栏节点的属性，依次将更新后的本地分栏信息的图标设置在相应的更新后的分栏节点上，其中分栏节点的属性包括分栏节点的结构（如分栏节点按3*3排列或3*5排列等）以及分栏节点的排布顺序，具体的图标设置方法如上所述。

本优选实施例的网页分栏信息刷新方法根据服务器反馈的本地分栏添加信息以及本地分栏删除信息进行网页刷新操作，只需要从服务器读取添加的本地分栏信息，减少了服务器的传输负担；同时本地客户端只需要渲染添加的本地分栏信息的图标，也减少了本地客户端的渲染负担；同时根据分栏节点的结构以及分栏节点的排布顺序进行网页上本地分栏信息的刷新，不需要对原有的网页分栏信息进行清空，刷新速度快。

本发明还涉及一种网页分栏信息刷新装置，请参照图4，图4为本发明的网页分栏信息刷新装置的第一优选实施例的结构示意图。本优选实施例的网页分栏信息刷新装置包括刷新请求发送模块41、更新模块42以及刷新模块43。刷新请求发送模块41用于接收到网页刷新请求时，获取最新的本地分栏信息的终端时间戳，并将终端时间戳与网页刷新请求发送给信息服务器；更新模块42用于接收信息服务器反馈的分栏更新信息，并根据分栏更新信息对本地分栏信息以及分栏节点信息进行更新，得到更新后的本地分栏信息以及更新后的分栏节点信息；刷新模块43用于根据更新后的本地分栏信息以及更新后的分栏节点信息，对用于显示本地分栏信息的网页进行刷新。

本优选实施例的网页分栏信息刷新装置使用时，首先刷新请求发送模块41接收到用户的网页刷新请求时，会获取网页上最新的本地分栏信息的终端时间戳，并将该终端时间戳与网页刷新请求一起发送给信息服务器；随后信息服务器会根据上述的网页刷新请求以及终端时间戳获取需要更新的分栏更新信息，然后发送给本地客户端，更新模块42接收信息服务器反馈的分栏更新信息，并根据分栏更新信息对本地分栏信息以及分栏节点信息进行更新，得到更新后的本地分栏信息以及更新后的分栏节点信息；最后刷新模块43根据更新后的本地分栏信息以及更新后的分栏节点信息，对用于显示本地分栏信息的网页进行刷新。

本优选实施例的网页分栏信息刷新装置的具体工作流程与上述的网页分栏信息刷新方法的第一优选实施例中的描述相同或相似，具体请参见上述网页分栏信息刷新方法的第一优选实施例中的相关描述。

本优选实施例的网页分栏信息刷新装置使用部分网页分栏信息进行网页刷新操作，在很好的完成网页刷新操作的基础上，减轻服务器的传输负担以及本地客户端的渲染负担，同时加快了本地网页刷新速度。

请参照图5，图5为本发明的网页分栏信息刷新装置的第二优选实施例的结构示意图。在本优选实施例中，更新模块42包括添加单元421以及删除单元422；刷新模块43包括图标生成单元431、设置单元432以及节点属性变更单元433。其中添加单元421用于根据本地分栏添加信息将时间戳晚于终端时间戳的分栏信息添加到本地分栏信息上，并增加相应的分栏节点的数量；删除单元422用于根据本地分栏删除信息删除网页上的本地分栏信息，并减少相应的分栏节点的数量；图标生成单元431用于根据本地分栏添加信息渲染生成待添加到网页上的分栏信息的图标；设置单元432用于根据更新后的本地分栏信息的时间戳以及更新后的分栏节点信息，依次将更新后的本地分栏信息的图标设置在相应的更新后的分栏节点上；节点属性变更单元433用于如分栏节点的属性发生变更，则根据变更后的分栏节点的属性，依次将更新后的本地分栏信息的图标设置在相应的更新后的分栏节点上；分栏节点的属性包括分栏节点的结构以及分栏节点的排布顺序。

本优选实施例的网页分栏信息刷新装置使用时，首先刷新请求发送模块41接收到用户的网页刷新请求时，会获取网页上最新的本地分栏信息的终端时间戳，并将该终端时间戳与网页刷新请求一起发送给信息服务器；随后信息服务器会根据上述的网页刷新请求以及终端时间戳获取需要更新的分栏更新信息，然后发送给本地客户端；更新模块42的添加单元421根据本地分栏添加信息将时间戳晚于终端时间戳的分栏信息添加到本地分栏信息上，并增加相应的分栏节点的数量，更新模块42的删除单元422根据本地分栏删除信息删除网页上的本地分栏信息，并减少相应的分栏节点的数量；随后刷新模块43的图标生成单元431根据本地分栏添加信息渲染生成待添加到网页上的分栏信息的图标；最后刷新模块43的设置单元432根据更新后的本地分栏信息的时间戳以及更新后的分栏节点信息，依次将更新后的本地分栏信息的图标设置在相应的更新后的分栏节点上。当然如分栏节点的属性发生了变更，则刷新模块43的节点属性变更单元433根据变更后的分栏节点的属性，依次将更新后的本地分栏信息的图标设置在相应的更新后的分栏节点上。

本优选实施例的网页分栏信息刷新装置的具体工作流程与上述的网页分栏信息刷新方法的第二优选实施例中的描述相同或相似，具体请参见上述网页分栏信息刷新方法的第二优选实施例中的相关描述。

本优选实施例的网页分栏信息刷新装置根据服务器反馈的本地分栏添加信息以及本地分栏删除信息进行网页刷新操作，只需要从服务器读取添加的本地分栏信息，减少了服务器的传输负担；同时本地客户端只需要渲染添加的本地分栏信息的图标，也减少了本地客户端的渲染负担；同时根据分栏节点的结构以及分栏节点的排布顺序进行网页上本地分栏信息的刷新，不需要对原有的网页分栏信息进行清空，刷新速度快。

下面参照图6的具体实施例详细说明本发明的网页分栏信息刷新方法及装置的工作流程，图6为本发明的网页分栏信息刷新方法及装置的网页分栏信息展示的结构示意图。

其中图6左侧为刷新前的网页分栏信息，图6右侧为刷新后的网页分栏信息。刷新前的网页分栏信息包括分栏信息E1、分栏信息E2、分栏信息E3、分栏信息E4、分栏信息E5、分栏信息E6、分栏信息E7、分栏信息E8、分栏信息E9以及分栏信息E10。这里设定分栏节点按照时间从晚到早的顺序排列（分栏信息E1的时间戳为本地客户端上最新本地分栏信息的时间戳，即终端时间戳，而分栏信息E10的时间戳为最早的时间戳）。网页分栏信息刷新装置接收到用户的网页刷新请求时，会将分栏信息E1的时间戳以及网页刷新请求一起发送给信息服务器。

服务器根据上述的网页刷新请求以及分栏信息E1的时间戳获取分栏更新信息，这里设定分栏更新信息同时包括本地分栏添加信息以及本地分栏删除信息。其中本地分栏添加信息包括添加时间戳晚于分栏信息E1的分栏信息Ea、分栏信息Eb以及分栏信息Ec，其中分栏信息Ea的时间戳最晚，分栏信息Ec的时间戳最早。本地分栏删除信息包括删除分栏信息E3以及分栏信息E6。然后服务器将上述本地分栏添加信息以及本地分栏删除信息发送给本地客户端。

本地客户端渲染生成本地分栏添加信息中的分栏信息Ea、分栏信息Eb以及分栏信息Ec的图标，以及设置好更新后的分栏节点信息（增加三个分栏信息，删除两个分栏信息，因此增加一个分栏节点；同时将分栏节点的结构由4*3变更为4*5，分栏节点的排布顺序不变）。

最后本地客户端根据更新后的本地分栏信息的时间戳以及更新后的分栏节点信息（包括分栏节点的属性变更），依次将更新后的本地分栏信息的图标按分栏节点的排布顺序设置在相应的更新后分栏节点上，即形成刷新后的网页分栏信息（分栏信息Ea、分栏信息Eb、分栏信息Ec、分栏信息E1、分栏信息E2、分栏信息E4、分栏信息E5、分栏信息E7、分栏信息E8、分栏信息E9以及分栏信息10）。

这样即完成了本具体实施例的网页分栏信息的刷新过程。

本发明的网页分栏信息刷新方法及装置通过比较本地的分栏信息和服务器的分栏信息，减少了服务器传输的分栏信息量以及本地客户端的分栏信息渲染量，缩短了浏览器分栏信息的重新排列展示时间。解决了现有的网页分栏信息刷新方法及装置的占用服务器和本地客户端的资源较大，以及分栏信息重新排列展示时间较长的技术问题。

综上所述，虽然本发明已以优选实施例揭露如上，但上述优选实施例并非用以限制本发明，本领域的普通技术人员，在不脱离本发明的精神和范围内，均可作各种更动与润饰，因此本发明的保护范围以权利要求界定的范围为准。

Claims (6)

1.一种网页分栏信息刷新方法，其特征在于，包括步骤：

接收到网页刷新请求时，获取最新的本地分栏信息的终端时间戳，并将所述终端时间戳与所述网页刷新请求发送给信息服务器；分栏信息为网页应用在分栏节点上需要展示的内容；

接收所述信息服务器根据所述终端时间戳反馈的需要更新的分栏更新信息，所述分栏更新信息包括本地分栏添加信息、本地分栏删除信息以及无更新内容的信息中的至少一种；若所述分栏更新信息包括本地分栏添加信息，则根据本地分栏添加信息将时间戳晚于终端时间戳的分栏信息添加到本地分栏信息上，并增加相应的分栏节点的数量；若所述分栏更新信息包括本地分栏删除信息，则根据本地分栏删除信息删除网页上的本地分栏信息，并减少相应的分栏节点的数量；若所述分栏更新信息包括无更新内容的信息，则不对本地分栏信息以及分栏节点信息进行更新；以及

根据更新后的本地分栏信息以及更新后的分栏节点信息，对用于显示所述本地分栏信息的网页进行刷新。

2.根据权利要求1所述的网页分栏信息刷新方法，其特征在于，所述根据更新后的本地分栏信息以及更新后的分栏节点信息，对用于显示所述本地分栏信息的网页进行刷新的步骤包括：

根据所述本地分栏添加信息渲染生成待添加到所述网页上的分栏信息的图标；

根据更新后的本地分栏信息的时间戳以及更新后的分栏节点信息，依次将所述更新后的本地分栏信息的图标设置在相应的更新后的分栏节点上。

3.根据权利要求2所述的网页分栏信息刷新方法，其特征在于，如所述分栏节点的属性发生变更，则根据变更后的分栏节点的属性，依次将所述更新后的本地分栏信息的图标设置在相应的更新后的分栏节点上；所述分栏节点的属性包括分栏节点的结构以及分栏节点的排布顺序。

4.一种网页分栏信息刷新装置，其特征在于，包括：

刷新请求发送模块，用于接收到网页刷新请求时，获取最新的本地分栏信息的终端时间戳，并将所述终端时间戳与所述网页刷新请求发送给信息服务器；分栏信息为网页应用在分栏节点上需要展示的内容；

更新模块，用于接收所述信息服务器根据所述终端时间戳反馈的需要更新的分栏更新信息，所述分栏更新信息包括本地分栏添加信息、本地分栏删除信息以及无更新内容的信息中的至少一种；若所述分栏更新信息包括本地分栏添加信息，则根据本地分栏添加信息将时间戳晚于终端时间戳的分栏信息添加到本地分栏信息上，并增加相应的分栏节点的数量；若所述分栏更新信息包括本地分栏删除信息，则根据本地分栏删除信息删除网页上的本地分栏信息，并减少相应的分栏节点的数量；若所述分栏更新信息包括无更新内容的信息，则不对本地分栏信息以及分栏节点信息进行更新；以及

刷新模块，用于根据更新后的本地分栏信息以及更新后的分栏节点信息，对用于显示所述本地分栏信息的网页进行刷新。

5.根据权利要求4所述的网页分栏信息刷新装置，其特征在于，所述刷新模块包括：

图标生成单元，用于根据所述本地分栏添加信息渲染生成待添加到所述网页上的分栏信息的图标；以及

设置单元，用于根据更新后的本地分栏信息的时间戳以及更新后的分栏节点信息，依次将所述更新后的本地分栏信息的图标设置在相应的更新后的分栏节点上。

6.根据权利要求5所述的网页分栏信息刷新装置，其特征在于，所述刷新模块还包括：

节点属性变更单元，用于如所述分栏节点的属性发生变更，则根据变更后的分栏节点的属性，依次将所述更新后的本地分栏信息的图标设置在相应的更新后的分栏节点上；所述分栏节点的属性包括分栏节点的结构以及分栏节点的排布顺序。