基于网页区块的信息预展示方法、装置及系统与流程

本申请涉及网络技术领域，尤其涉及一种基于网页区块的信息预展示方法、装置及系统。

背景技术：

一个网页一般会设置多个区块，每个区块用于展示不同的信息。当一个区块中需要展示的信息过多时，可以将该区块分为功能区域和展示区域两部分，并按顺序将需要展示的信息分割为多页，然后根据功能区域设置的切换按钮接收到的点击操作切换展示区域展示的信息。如图1所示为一种功能区域的切换按钮的设置方式，展示当前展示信息1的区域为展示区域，展示区域的左侧和右侧分别设置上一页按钮和下一页按钮，上一页按钮对应的功能是将展示区域展示的当前展示信息切换1至当前展示信息1之前一页的信息，下一页按钮对应的功能是将展示区域展示的当前展示信息1切换至当前展示信息1之后一页的信息。

按照现有的基于网页区块的信息切换方法，若用户使用浏览器查看当前展示信息1之后一页的信息，可以点击下一页按钮；浏览器监听到下一页按钮上的点击操作后，向服务器发送与下一页按钮对应的操作指令，用于请求获取当前展示信息1之后一页的信息；服务器调用当前展示信息1之后一页的信息发送给浏览器；浏览器在展示区域展示接收到的信息。若用户使用浏览器查看当前展示信息1之前一页的信息，可以点击上一页按钮；浏览器监听到上一页按钮上的点击操作后，向服务器发送与上一页按钮对应的操作指令，用于请求获取当前展示信息1之前一页的信息；服务器调用当前展示信息1之前一页的信息发送给浏览器；浏览器在展示区域展示接收到的信息。

上述方法中，用户对展示区域展示的当前展示信息1进行切换之前，无法预知当前展示信息1之后一页或者之前一页的信息，只有在将展示区域展示的信息进行切换之后才能获知，若切换之后的信息不是自己需要的信息，用户还需要再进行信息切换，反复的进行信息切换不仅浪费网络带宽，还会浪费用户的时间，影响用户体验。

技术实现要素：

本申请实施例提供一种基于网页区块的信息预展示方法、装置及系统，用以解决现有 基于网页区块的信息切换方法不仅浪费网络带宽，还会浪费用户的时间，影响用户体验的问题。

根据本申请实施例，提供一种基于网页区块的信息预展示方法，包括：

监听到网页中当前区块的切换按钮上的第一预定事件后，生成与所述切换按钮对应的第一操作指令；

向服务器发送所述第一操作指令，以使所述服务器根据所述第一操作指令和所述当前区块的当前展示信息获取预展示信息并发送；

接收所述服务器发送的所述预展示信息；以及，

在预定区域展示所述预展示信息。

具体的，监听到网页中当前区块的切换按钮上的第一预定事件之前，还包括：

按照预定样式切换所述当前区块的展示信息；

监听到网页中当前区块的切换按钮上的第一预定事件后，还包括：

暂停切换所述当前区块的展示信息。

具体的，生成与所述切换按钮对应的第一操作指令，具体包括：

若所述切换按钮为下一页按钮，则生成下一页预展示指令；

若所述切换按钮为上一页按钮，则生成上一页预展示指令。

可选的，还包括：

监听到所述切换按钮上的第二预定事件后，生成与所述切换按钮对应的第二操作指令；

向所述服务器发送所述第二操作指令，以使所述服务器根据所述第二操作指令和所述当前区块的当前展示信息获取展示信息并发送；

接收所述服务器发送的所述展示信息；以及，

在所述当前区块的展示区域展示所述展示信息。

具体的，生成与所述切换按钮对应的第二操作指令，具体包括：

若所述切换按钮为下一页按钮，则生成下一页展示指令；

若所述切换按钮为上一页按钮，则生成上一页展示指令。

具体的，所述预定区域是所述切换按钮所在的区域，所述当前区块的展示区域，或者以所述第一预定事件发生的位置为中心、设定长宽的选定区域。

具体的，所述预定区域为缩略图。

根据本申请实施例，还提供一种基于网页区块的信息预展示方法，包括：

接收浏览器发送的第一操作指令，所述第一操作指令是所述浏览器监听到网页中当前区块的切换按钮上的第一预定事件后生成并发送的、且与所述切换按钮对应；

根据所述第一操作指令和所述当前区块的当前展示信息获取预展示信息；以及，

将所述预展示信息发送给所述浏览器，以使所述浏览器在预定区域展示所述预展示信息。

具体的，根据所述第一操作指令和所述当前区块的当前展示信息获取预展示信息，具体包括：

若所述第一操作指令为下一页预展示指令，则从所述当前区块对应的展示信息集合中获取所述当前展示信息之后一页的展示信息，并根据所述当前展示信息之后一页的展示信息编辑所述预展示信息；或者，从所述当前区块对应的预展示信息集合中获取所述当前展示信息之后一页的展示信息对应的预展示信息；

若所述第一操作指令为上一页预展示指令，则从所述当前区块对应的展示信息集合中获取所述当前展示信息之前一页的展示信息，并根据所述当前展示信息之前一页的展示信息编辑所述预展示信息；或者，从所述当前区块对应的预展示信息集合中获取所述当前展示信息之前一页的展示信息对应的预展示信息。

可选的，还包括：

接收所述浏览器发送的第二操作指令，所述第二操作指令是所述浏览器监听到所述切换按钮上的第二预定事件后生成并发送的、且与所述切换按钮对应；

根据所述第二操作指令和所述当前区块的当前展示信息获取展示信息；以及，

将所述展示信息发送给所述浏览器，以使所述浏览器在所述当前区块的展示区域展示所述展示信息。

具体的，根据所述第二操作指令和所述当前区块的当前展示信息获取展示信息，具体包括：

若所述第一操作指令为下一页展示指令，则从所述当前区块对应的展示信息集合中获取所述当前展示信息之后一页的展示信息；

若所述第一操作指令为上一页展示指令，则从所述当前区块对应的展示信息集合中获取所述当前展示信息之前一页的展示信息。

根据本申请实施例，还提供一种基于网页区块的信息预展示方法，包括：

监听到网页中当前区块的切换按钮上的第一预定事件后，生成与所述切换按钮对应的第一操作指令；

根据所述第一操作指令和所述当前区块的当前展示信息获取预展示信息；

在预定区域展示所述预展示信息。

可选的，监听到网页中当前区块的切换按钮上的第一预定事件之前，还包括：

按照预定样式切换所述当前区块的展示信息；

监听到网页中当前区块的切换按钮上的第一预定事件后，还包括：

暂停切换所述当前区块的展示信息。

具体的，生成与所述切换按钮对应的第一操作指令，具体包括：

若所述切换按钮为下一页按钮，则生成下一页预展示指令；

若所述切换按钮为上一页按钮，则生成上一页预展示指令。

具体的，根据所述第一操作指令和所述当前区块的当前展示信息获取预展示信息，具体包括：

若所述第一操作指令为下一页预展示指令，则从所述当前区块对应的展示信息集合中获取所述当前展示信息之后一页的展示信息，并根据所述当前展示信息之后一页的展示信息编辑所述预展示信息；或者，从所述当前区块对应的预展示信息集合中获取所述当前展示信息之后一页的展示信息对应的预展示信息；

若所述第一操作指令为上一页预展示指令，则从所述当前区块对应的展示信息集合中获取所述当前展示信息之前一页的展示信息，并根据所述当前展示信息之前一页的展示信息编辑所述预展示信息；或者，从所述当前区块对应的预展示信息集合中获取所述当前展示信息之前一页的展示信息对应的预展示信息。

可选的，还包括：

监听到所述切换按钮上的第二预定事件后，生成与所述切换按钮对应的第二操作指令；

根据所述第二操作指令和所述当前区块的当前展示信息获取展示信息；

在所述当前区块的展示区域展示所述展示信息。

具体的，生成与所述切换按钮对应的第二操作指令，具体包括：

若所述切换按钮为下一页按钮，则生成下一页展示指令；

若所述切换按钮为上一页按钮，则生成上一页展示指令。

具体的，根据所述第二操作指令和所述当前区块的当前展示信息获取展示信息，具体包括：

若所述第一操作指令为下一页展示指令，则从所述当前区块对应的展示信息集合中获取所述当前展示信息之后一页的展示信息；

若所述第一操作指令为上一页展示指令，则从所述当前区块对应的展示信息集合中获取所述当前展示信息之前一页的展示信息。

可选的，所述预定区域是所述切换按钮所在的区域，所述当前区块的展示区域，或者以所述第一预定事件发生的位置为中心、设定长宽的选定区域。

具体的，所述预定区域为缩略图。

根据本申请实施例，还提供一种基于网页区块的信息预展示装置，包括：

生成单元，用于监听到网页中当前区块的切换按钮上的第一预定事件后，生成与所述切换按钮对应的第一操作指令；

发送单元，用于向服务器发送所述第一操作指令，以使所述服务器根据所述第一操作指令和所述当前区块的当前展示信息获取预展示信息并发送；

接收单元，用于接收所述服务器发送的所述预展示信息；以及，

展示单元，用于在预定区域展示所述预展示信息。

可选的，还包括切换单元，用于：

在所述生成单元监听到网页中当前区块的切换按钮上的第一预定事件之前，按照预定样式切换所述当前区块的展示信息；以及，

在所述生成单元监听到网页中当前区块的切换按钮上的第一预定事件后，暂停切换所述当前区块的展示信息。

具体的，所述生成单元，用于生成与所述切换按钮对应的第一操作指令，具体用于：

若所述切换按钮为下一页按钮，则生成下一页预展示指令；

若所述切换按钮为上一页按钮，则生成上一页预展示指令。

可选的，所述生成单元，还用于监听到所述切换按钮上的第二预定事件后，生成与所述切换按钮对应的第二操作指令；

所述发送单元，还用于向所述服务器发送所述第二操作指令，以使所述服务器根据所述第二操作指令和所述当前区块的当前展示信息获取展示信息并发送；

所述接收单元，还用于接收所述服务器发送的所述展示信息；以及，

所述展示单元，还用于在所述当前区块的展示区域展示所述展示信息。

具体的，所述生成单元，用于生成与所述切换按钮对应的第二操作指令，具体用于：

若所述切换按钮为下一页按钮，则生成下一页展示指令；

若所述切换按钮为上一页按钮，则生成上一页展示指令。

具体的，所述预定区域是所述切换按钮所在的区域，所述当前区块的展示区域，或者以所述第一预定事件发生的位置为中心、设定长宽的选定区域。

可选的，所述预定区域为缩略图。

根据本申请实施例，还提供一种基于网页区块的信息预展示装置，包括：

接收单元，用于接收浏览器发送的第一操作指令，所述第一操作指令是所述浏览器监听到网页中当前区块的所述切换按钮上的第一预定事件后生成并发送的、且与所述切换按钮对应；

获取单元，用于根据所述第一操作指令和所述当前区块的当前展示信息获取预展示信息；以及，

发送单元，用于将所述预展示信息发送给所述浏览器，以使所述浏览器在预定区域展示所述预展示信息。

具体的，所述获取单元，用于根据所述第一操作指令和所述当前区块的当前展示信息获取预展示信息，具体用于：

若所述第一操作指令为下一页预展示指令，则从所述当前区块对应的展示信息集合中获取所述当前展示信息之后一页的展示信息，并根据所述当前展示信息之后一页的展示信息编辑所述预展示信息；或者，从所述当前区块对应的预展示信息集合中获取所述当前展示信息之后一页的展示信息对应的预展示信息；

若所述第一操作指令为上一页预展示指令，则从所述当前区块对应的展示信息集合中获取所述当前展示信息之前一页的展示信息，并根据所述当前展示信息之前一页的展示信息编辑所述预展示信息；或者，从所述当前区块对应的预展示信息集合中获取所述当前展示信息之前一页的展示信息对应的预展示信息。

可选的，所述接收单元，还用于接收所述浏览器发送的第二操作指令，所述第二操作指令是所述浏览器监听到所述切换按钮上的第二预定事件后生成并发送的、且与所述切换按钮对应；

所述获取单元，还用于根据所述第二操作指令和所述当前区块的当前展示信息获取展示信息；以及，

所述发送单元，还用于将所述展示信息发送给所述浏览器，以使所述浏览器在所述当前区块的展示区域展示所述展示信息。

具体的，所述获取单元，用于根据所述第二操作指令和所述当前区块的当前展示信息获取展示信息，具体用于：

若所述第一操作指令为下一页展示指令，则从所述当前区块对应的展示信息集合中获取所述当前展示信息之后一页的展示信息；

若所述第一操作指令为上一页展示指令，则从所述当前区块对应的展示信息集合中获取所述当前展示信息之前一页的展示信息。

根据本申请实施例，还提供一种基于网页区块的信息预展示装置，包括：

生成单元，用于监听到网页中当前区块的切换按钮上的第一预定事件后，生成与所述切换按钮对应的第一操作指令；

获取单元，用于根据所述第一操作指令和所述当前区块的当前展示信息获取预展示信息；

展示单元，用于在预定区域展示所述预展示信息。

可选的，还包括切换单元，用于：

在所述生成单元监听到网页中当前区块的切换按钮上的第一预定事件之前，按照预定样式切换所述当前区块的展示信息；

在所述生成单元监听到网页中当前区块的切换按钮上的第一预定事件后，暂停切换所述当前区块的展示信息。

具体的，所述生成单元，用于生成与所述切换按钮对应的第一操作指令，具体用于：

若所述切换按钮为下一页按钮，则生成下一页预展示指令；

若所述切换按钮为上一页按钮，则生成上一页预展示指令。

具体的，所述获取单元，用于根据所述第一操作指令和所述当前区块的当前展示信息获取预展示信息，具体用于：

若所述第一操作指令为下一页预展示指令，则从所述当前区块对应的展示信息集合中获取所述当前展示信息之后一页的展示信息，并根据所述当前展示信息之后一页的展示信息编辑所述预展示信息；或者，从所述当前区块对应的预展示信息集合中获取所述当前展 示信息之后一页的展示信息对应的预展示信息；

若所述第一操作指令为上一页预展示指令，则从所述当前区块对应的展示信息集合中获取所述当前展示信息之前一页的展示信息，并根据所述当前展示信息之前一页的展示信息编辑所述预展示信息；或者，从所述当前区块对应的预展示信息集合中获取所述当前展示信息之前一页的展示信息对应的预展示信息。

可选的，所述生成单元，还用于监听到所述切换按钮上的第二预定事件后，生成与所述切换按钮对应的第二操作指令；

所述获取单元，还用于根据所述第二操作指令和所述当前区块的当前展示信息获取展示信息；

所述展示单元，还用于在所述当前区块的展示区域展示所述展示信息。

具体的，所述生成单元，用于生成与所述切换按钮对应的第二操作指令，具体用于：

若所述切换按钮为下一页按钮，则生成下一页展示指令；

若所述切换按钮为上一页按钮，则生成上一页展示指令。

具体的，所述获取单元，用于根据所述第二操作指令和所述当前区块的当前展示信息获取展示信息，具体用于：

若所述第一操作指令为下一页展示指令，则从所述当前区块对应的展示信息集合中获取所述当前展示信息之后一页的展示信息；

若所述第一操作指令为上一页展示指令，则从所述当前区块对应的展示信息集合中获取所述当前展示信息之前一页的展示信息。

具体的，所述预定区域是所述切换按钮所在的区域，所述当前区块的展示区域，或者以所述第一预定事件发生的位置为中心、设定长宽的选定区域。

具体的，所述预定区域为缩略图。

根据本申请实施例，还提供一种基于网页区块的信息预展示系统，包括浏览器和服务器，其中：

所述浏览器，用于监听到网页中当前区块的切换按钮上的第一预定事件后，生成与所述切换按钮对应的第一操作指令；向服务器发送所述第一操作指令；接收所述服务器发送的预展示信息；以及，在预定区域展示所述预展示信息；

所述服务器，用于接收所述浏览器发送的所述第一操作指令；根据所述第一操作指令和所述当前区块的当前展示信息获取所述预展示信息；以及，将所述预展示信息发送给所 述浏览器。

本申请实施例提供一种基于网页区块的信息预展示方法、装置及系统，浏览器在监听到网页中当前区块的切换按钮上的第一预定事件后，生成与所述切换按钮对应的第一操作指令；向服务器发送所述第一操作指令，以使所述服务器根据所述第一操作指令和所述当前区块的当前展示信息获取预展示信息并发送；接收所述服务器发送的所述预展示信息；以及，在预定区域展示所述预展示信息。该方案中，浏览器在监听到网页中当前区块的切换按钮上的第一预定事件后，会从服务器获取预展示信息，并在预定区域进行展示，这样用户就可以根据预展示信息预知切换后的信息，从而根据预展示信息确定是否需要对当前展示信息进行切换，若根据预展示信息确定切换后的信息是需要的信息，就可以对当前展示信息进行切换，若根据预展示信息确定切换后的信息不是需要的信息，就可以不对当前展示信息进行切换，从而避免了现有技术中反复进行信息切换，节省网络带宽资源，并且节省用户的时间，提升用户体验。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1为相关技术网页中的一个区块的结构示意图；

图2为本申请实施例中基于网页区块的信息预展示系统的结构示意图；

图3为本申请实施例中一种以浏览器为执行主体时的基于网页区块的信息预展示方法的流程图；

图4为本申请实施例中当前区块展示预展示信息时的结构示意图；

图5为本申请实施例中另一种以浏览器为执行主体时的基于网页区块的信息预展示方法的流程图；

图6为本申请实施例中当前区块展示当前展示信息2时的示意图；

图7为本申请实施例中一种以服务器为执行主体时的基于网页区块的信息预展示方法的流程图；

图8为本申请实施例中另一种以服务器为执行主体时的基于网页区块的信息预展示方法的流程图；

图9为本申请实施例中再一种以浏览器为执行主体时的基于网页区块的信息预展示方法的流程图；

图10为本申请实施例中再一种以浏览器为执行主体时的基于网页区块的信息预展示方法的流程图；

图11为本申请实施例中一种与图3对应的基于网页区块的信息预展示装置的结构示意图；

图12为本申请实施例中一种与图7对应的基于网页区块的信息预展示装置的结构示意图；

图13为本申请实施例中一种与图9对应的基于网页区块的信息预展示装置的结构示意图。

具体实施方式

为了使本申请所要解决的技术问题、技术方案及有益效果更加清楚、明白，以下结合附图和实施例，对本申请进行进一页详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

为了解决相关基于网页区块的信息切换方法不仅浪费网络带宽，还会浪费用户的时间，影响用户体验的问题，本申请实施例提供一种基于网页区块的信息预展示方法，通过如图2所示的基于网页区块的信息预展示系统实现，该基于网页区块的信息预展示系统包括浏览器1和服务器2。其中：

浏览器1，用于监听到网页中当前区块的切换按钮上的第一预定事件后，生成与切换按钮对应的第一操作指令；向服务器发送第一操作指令；接收服务器发送的预展示信息；以及，在预定区域展示预展示信息。

服务器2，用于接收浏览器发送的第一操作指令；根据第一操作指令和当前区块的当前展示信息获取预展示信息；以及，将预展示信息发送给浏览器。

当服务器2用于电子商务网站时，当前展示信息可以是商品信息，预展示信息可以是商品信息、文本信息、音频信息、图片信息等等；当服务器2用于视频网站时，当前展示信息可以是视频信息，预展示信息可以是视频信息、文本信息、音频信息、图片信息等等；当服务器2用于音频网站时，当前展示信息可以是音频信息，预展示信息可以是音频信息、文本信息、图片信息等等。

下面分别以基于网页区块的信息预展示系统中的浏览器1和服务器2为执行主体介绍基于网页区块的信息预展示方法。

一种以浏览器为执行主体的基于网页区块的信息预展示方法的流程如图3所示，包括 如下步骤：

S31：监听到网页中当前区块的切换按钮上的第一预定事件后，生成与切换按钮对应的第一操作指令。

网页中通常会包括多个区块，当区块的展示区域无法一次性全部展示要展示的信息时，会设置切换按钮，当区块的展示区域可以一次性全部展示要展示的信息时，无需设置切换按钮，本申请实施例是针对设置切换按钮的情况。

浏览器通常会以设定周期监听网页中每个区块的切换按钮上是否发生第一预定事件，切换按钮上发生第一预定事件的区块为当前区块。当浏览器监听到当前区块的切换按钮上的第一预定事件后，生成与切换按钮对应的第一操作指令。

其中，设定周期可以根据实际需要或者用户的需求进行设定，当用户的需求很高时，可以将设定周期设定的短一些，当用户的需求不高时，可以将设定周期设定的长一些，设定周期可以是固定的，也可以是可调的；第一预定事件根据浏览器所在的终端不同而不同，目前常用的终端可以分为设置触摸屏的终端和未设置触摸屏的终端两类，下面以这两类进行说明，当浏览器所在的终端设置触摸屏，第一预定事件是触控点在当前区块的切换按钮上的悬停事件，当浏览器所在的终端未设置触摸屏，第一预定事件是光标在当前区块的切换按钮上的悬停事件。

S32：向服务器发送第一操作指令，以使服务器根据第一操作指令和当前区块的当前展示信息获取预展示信息并发送。

当前展示信息可以是文本信息、视频信息、音频信息、商品信息等等，预展示信息可以与当前展示信息的类型相同，也可以与当前展示信息的类型不同。

第一操作指令与切换按钮对应，根据切换按钮的不同而不同，下面以图1所示的切换按钮为例进行说明，若切换按钮为下一页按钮，则生成下一页预展示指令，服务器会根据下一页预展示指令和当前区块的当前展示信息获取当前区块的当前展示信息之后一页的展示信息对应的预展示信息；若切换按钮为上一页按钮，则生成上一页预展示指令，服务器会根据上一页预展示指令和当前区块的当前展示信息获取当前区块的当前展示信息之前一页的展示信息对应的预展示信息。

S33：接收服务器发送的预展示信息。

S34：在预定区域展示预展示信息。

在本步骤中，预定区域有多种设置方式，可以但不限于是下面三种方式：第一种方式为切换按钮所在的区域，结合图1和图4可以看出，当前区块的展示区域右侧原本是下一页按钮所在的区域，当服务器获取到预展示信息后，可以将下一页按钮所在的区域作为预 定区域展示预展示信息；第二种方式为当前区块的展示区域，当前区块的展示区域展示的预展示信息可以短暂地全部覆盖当前区块的当前展示信息，当第一预定事件结束后，当前区块的展示区域的预展示信息消失，重新展示当前区块的当前展示信息；第三种方式为以第一预定事件发生的位置为中心、设定长宽的选定区域，设定长宽可以是固定的，也可以根据预展示信息的多少、当前区块的大小或者切换按钮所在区域的大小等等进行调整。其中，预定区域可以为缩略图。

该方案中，浏览器在监听到网页中当前区块的切换按钮上的第一预定事件后，会从服务器获取预展示信息，并在预定区域进行展示，这样用户就可以根据预展示信息预知切换后的信息，从而根据预展示信息确定是否需要对当前展示信息进行切换，若根据预展示信息确定切换后的信息是需要的信息，就可以对当前展示信息进行切换，若根据预展示信息确定切换后的信息不是需要的信息，就可以不对当前展示信息进行切换，从而避免了现有技术中反复进行信息切换，节省网络带宽资源，并且节省用户的时间，提升用户体验。

可选的，浏览器在监听到网页中当前区块的切换按钮上的第一预定事件之前，还可以按照预定样式切换当前区块的展示信息，在监听到网页中当前区块的切换按钮上的第一预定事件后，暂停切换当前区块的展示信息。

可选的，浏览器展示预展示信息后，用户可以根据预展示信息确定是否需要浏览切换后的信息，若需要浏览，则对切换按钮执行点击操作；若不需要浏览，则结束第一预定事件，该预展示信息消失，用户可以继续浏览其它信息。当用户根据预展示信息确定浏览切换后的信息时，可以对切换按钮执行点击等操作，如图5所示为本实施例中另一种基于网页区块的信息预展示方法，在图3的基础上，还包括如下步骤：

S35：监听到切换按钮上的第二预定事件后，生成与切换按钮对应的第二操作指令。

浏览器通常会以设定周期监听网页中每个区块的切换按钮上是否发生第二预定事件，当监听到切换按钮上的第二预定事件，生成第二操作指令。

其中，第二预定事件根据浏览器所在的终端不同而不同，目前常用的终端可以分为设置触摸屏的终端和未设置触摸屏的终端两类，下面以这两类进行说明，当浏览器所在的终端设置触摸屏，第二预定事件是触控点在当前区块的切换按钮上的点击事件，当浏览器所在的终端未设置触摸屏，第二预定事件是光标在当前区块的切换按钮上的点击事件。

S36：向服务器发送第二操作指令，以使服务器根据第二操作指令和当前区块的当前展示信息获取展示信息并发送。

当前展示信息可以是文本信息、视频信息、音频信息、商品信息等等，第二操作指令是与切换按钮对应的，根据切换按钮的不同而不同，下面以图1所示的切换按钮为例进行 说明，若切换按钮为下一页按钮，则向服务器发送下一页展示指令，服务器会根据下一页展示指令和当前区块的当前展示信息获取当前区块的当前展示信息之后一页的展示信息；若切换按钮为上一页按钮，则向服务器发送上一页展示指令，服务器会根据上一页展示指令和当前区块的当前展示信息获取当前区块的当前展示信息之前一页的展示信息。

S37：接收服务器发送的展示信息。

S38：在当前区块的展示区域展示上述展示信息。

最终展示的结果如图6所示，当前展示信息2是预展示信息对应的展示信息。图1、图4和图6分别示出的是当前区块的展示区域展示当前展示信息1、切换按钮所在的区域展示预展示信息和当前区块的展示区域进行信息切换后展示当前展示信息2(与预展示信息对应的展示信息)。

通过S31-S38，用户可以根据预展示信息预知切换后的展示信息，即当前展示信息之前一页或之后一页的展示信息，并确定是否浏览切换后的展示信息，在确定需要浏览后才会执行信息切换操作，从而可以避免反复进行信息切换，节省网络带宽资源，并且节省用户的时间，提升用户体验。

一种以服务器为执行主体的基于网页区块的信息预展示方法的流程如图7所示，包括如下步骤：

S71：接收浏览器发送的第一操作指令，第一操作指令是浏览器监听到网页中当前区块的切换按钮上的第一预定事件后生成并发送的、且与切换按钮对应。

S72：根据第一操作指令和当前区块的当前展示信息获取预展示信息。

S73：将预展示信息发送给浏览器，以使浏览器在预定区域展示预展示信息。

实际应用中，浏览器展示一个完整的网页的过程为：浏览器向服务器发送统一资源定位符(Uniform Resource Locator，URL)请求；服务器收到浏览器发送的URL请求后，将该URL对应的超文本标记语言(HyperText Mark-up Language，HTML)文件发给浏览器；浏览器接收并解析该HTML文件中包含的js代码和css样式表，再次向服务器发送携带js代码和css样式表的数据获取请求，用于请求获取js代码和css样式表对应的数据；服务器收到数据获取请求后，查找获取请求中携带的js代码和css样式表对应的数据，并发送给浏览器；循环往复上述过程，直到浏览器确定已经获取所有需要的数据后，会停止发送数据获取请求，并根据获取到的数据展示一个完整的网页。

基于上述过程，在本步骤中，服务器可以将更新后的HTML文件发送给浏览器，更新后的HTML文件中包含预展示信息对应的js代码和css样式表，浏览器可以根据预展示信息对应的js代码和css样式表向服务器请求获取js代码和css样式表对应的数据，当浏览 器获取到js代码和css样式表对应的数据后，可以根据js代码和css样式表对应的数据实现在预定区域展示预展示信息。

该方案中，浏览器在监听到网页中当前区块的切换按钮上的第一预定事件后，会从服务器获取预展示信息，并在预定区域进行展示，这样用户就可以根据预展示信息预知切换后的信息，从而根据预展示信息确定是否需要对当前展示信息进行切换，若根据预展示信息确定切换后的信息是需要的信息，就可以对当前展示信息进行切换，若根据预展示信息确定切换后的信息不是需要的信息，就可以不对当前展示信息进行切换，从而避免了现有技术中反复进行信息切换，节省网络带宽资源，并且节省用户的时间，提升用户体验。

下面进一步详细描述上述各个步骤。

具体的，上述S72中的根据第一操作指令和当前区块的当前展示信息获取预展示信息，具体包括以下两种情况：

第一种情况，若第一操作指令为下一页预展示指令，则从当前区块对应的展示信息集合中获取当前展示信息之后一页的展示信息，并根据当前展示信息之后一页的展示信息编辑预展示信息；或者，从当前区块对应的预展示信息集合中获取当前展示信息之后一页的展示信息对应的预展示信息。

第二种情况，若第一操作指令为上一页预展示指令，则从前区块对应的展示信息集合中获取当前展示信息之前一页的展示信息，并根据当前展示信息之前一页的展示信息编辑预展示信息；或者，从当前区块对应的预展示信息集合中获取当前展示信息之前一页的展示信息对应的预展示信息。

以上两种情况中，服务器可以根据第一操作指令编辑预展示信息，具体是，若第一操作指令是下一页预展示指令，服务器调用当前展示信息之前一页的展示信息，并根据当前展示信息的样式或者类型等等特征，结合预览展示区块的大小对调用的展示信息进行编辑，得到预展示信息，若第一操作指令是上一页预展示指令，编辑过程与上述过程相同，这里不再赘述。服务器也可以预先保存当前区块包括的每一页展示信息对应的预展示信息，得到当前区块对应的预展示信息集合，这样在获取第一操作指令后，可以直接从当前区块对应的预展示信息集合中获取预展示信息。

可选的，浏览器展示预展示信息后，用户可以根据预展示信息确定是否需要浏览切换后的信息，若需要浏览，则对切换按钮执行点击操作；若不需要浏览，则结束第一预定事件，该预展示信息消失，用户可以继续浏览其它信息。当用户根据预展示信息确定浏览切换后的信息时，可以对切换按钮执行点击等操作，如图8所示为本实施例中另一种基于网页区块的信息预展示方法，在图7的基础上，还包括如下步骤：

S74：接收浏览器发送的第二操作指令，第二操作指令是浏览器监听到切换按钮上的第二预定事件后生成并发送的、且与切换按钮对应。

S75：根据第二操作指令和当前区块的当前展示信息获取展示信息。

该步骤的实现过程为：若第一操作指令为下一页展示指令，则从当前区块对应的展示信息集合中获取当前展示信息之后一页的展示信息；若第一操作指令为上一页展示指令，则从当前区块对应的展示信息集合中获取当前展示信息之前一页的展示信息。

S76：将上述展示信息发送给浏览器，以使浏览器在当前区块的展示区域展示上述展示信息。

通过S71-S76，用户可以根据预展示信息预知切换后的展示信息，即当前展示信息之前一页或之后一页的展示信息，并确定是否浏览切换后的展示信息，在确定需要浏览后才会执行信息切换操作，从而可以避免反复进行信息切换，节省网络带宽资源，并且节省用户的时间，提升用户体验。

基于同一发明构思，本申请实施例还提供一种基于网页区块的信息预展示方法，该方法的执行主体为浏览器，浏览器可以在本地保存预展示信息，并从本地获取预展示信息进行展示，该方法的流程如图9所示，具体步骤如下：

S91：监听到网页中当前区块的切换按钮上的第一预定事件后，生成与切换按钮对应的第一操作指令。

S92：根据第一操作指令和当前区块的当前展示信息获取预展示信息。

S93：在预定区域展示预展示信息。

该方案中，浏览器可以保存预展示信息，当监控到当前区块的切换按钮上的第一预定事件后，无需经过服务器就可以直接获取预展示信息，用户根据预展示信息预知切换后的信息，从而根据预展示信息确定是否需要对当前展示信息进行切换，若根据预展示信息确定切换后的信息是需要的信息，就可以对当前展示信息进行切换，若根据预展示信息确定切换后的信息不是需要的信息，就可以不对当前展示信息进行切换，从而避免了现有技术中反复进行信息切换，节省网络带宽资源，并且节省用户的时间，提升用户体验。

可选的，上述S91中的监听到网页中当前区块的切换按钮上的第一预定事件之前，还可以按照预定样式切换当前区块的展示信息；监听到网页中当前区块的切换按钮上的第一预定事件后，暂停切换当前区块的展示信息。

具体的，上述S91中的生成与切换按钮对应的第一操作指令，具体包括：

若切换按钮为下一页按钮，则生成下一页预展示指令；

若切换按钮为上一页按钮，则生成上一页预展示指令。

具体的，上述S92中的根据第一操作指令和当前区块的当前展示信息获取预展示信息，具体包括：

若第一操作指令为下一页预展示指令，则从当前区块对应的展示信息集合中获取当前展示信息之后一页的展示信息，并根据当前展示信息之后一页的展示信息编辑预展示信息；或者，从当前区块对应的预展示信息集合中获取当前展示信息之后一页的展示信息对应的预展示信息；

若第一操作指令为上一页预展示指令，则从当前区块对应的展示信息集合中获取当前展示信息之前一页的展示信息，并根据当前展示信息之前一页的展示信息编辑预展示信息；或者，从当前区块对应的预展示信息集合中获取当前展示信息之前一页的展示信息对应的预展示信息。

可选的，浏览器展示预展示信息后，用户可以根据预展示信息确定是否需要浏览切换后的信息，若需要浏览，则对切换按钮执行点击操作；若不需要浏览，则结束第一预定事件，该预展示信息消失，用户可以继续浏览其它信息。当用户根据预展示信息确定浏览切换后的信息时，可以对切换按钮执行点击等操作，如图10所示为本实施例中另一种基于网页区块的信息预展示方法，在图9的基础上，还包括如下步骤：

S94：监听到切换按钮上的第二预定事件后，生成与切换按钮对应的第二操作指令。

S95：根据第二操作指令和当前区块的当前展示信息获取展示信息。

S96：在当前区块的展示区域展示展示信息。

具体的，上述S94中的生成与切换按钮对应的第二操作指令，具体包括：

若切换按钮为下一页按钮，则生成下一页展示指令；

若切换按钮为上一页按钮，则生成上一页展示指令。

具体的，上述S95中的根据第二操作指令和当前区块的当前展示信息获取展示信息，具体包括：

若第一操作指令为下一页展示指令，则从当前区块对应的展示信息集合中获取当前展示信息之后一页的展示信息；

若第一操作指令为上一页展示指令，则从当前区块对应的展示信息集合中获取当前展示信息之前一页的展示信息。

具体的，预定区域是切换按钮所在的区域，当前区块的展示区域，或者以第一预定事件发生的位置为中心、设定长宽的选定区域，预定区域为缩略图。

基于同一发明构思，本申请实施例还提供一种基于网页区块的信息预展示装置，该装置可以设置在如图2所示的基于网页区块的信息预展示系统的浏览器1中，该装置与如图3所示的基于网页区块的信息预展示方法相对应，结构如11图所示，包括：

生成单元111，用于监听到网页中当前区块的切换按钮上的第一预定事件后，生成与切换按钮对应的第一操作指令。

发送单元112，用于向服务器发送第一操作指令，以使服务器根据第一操作指令和当前区块的当前展示信息获取预展示信息并发送；

接收单元113，用于接收服务器发送的预展示信息；以及，

展示单元114，用于在预定区域展示预展示信息。

该方案中，浏览器在监听到网页中当前区块的切换按钮上的第一预定事件后，会从服务器获取预展示信息，并在预定区域进行展示，这样用户就可以根据预展示信息预知切换后的信息，从而根据预展示信息确定是否需要对当前展示信息进行切换，若根据预展示信息确定切换后的信息是需要的信息，就可以对当前展示信息进行切换，若根据预展示信息确定切换后的信息不是需要的信息，就可以不对当前展示信息进行切换，从而避免了现有技术中反复进行信息切换，节省网络带宽资源，并且节省用户的时间，提升用户体验。

可选的，上述基于网页区块的信息预展示装置还包括切换单元，用于：

在生成单元监听到网页中当前区块的切换按钮上的第一预定事件之前，按照预定样式切换当前区块的展示信息；以及，

在生成单元监听到网页中当前区块的切换按钮上的第一预定事件后，暂停切换当前区块的展示信息。

具体的，上述生成单元111，用于生成与切换按钮对应的第一操作指令，具体用于：

若切换按钮为下一页按钮，则生成下一页预展示指令；

若切换按钮为上一页按钮，则生成上一页预展示指令。

可选的，上述生成单元111，还用于监听到切换按钮上的第二预定事件后，生成与切换按钮对应的第二操作指令。

上述发送单元112，向服务器发送第二操作指令，以使服务器根据第二操作指令和当前区块的当前展示信息获取展示信息并发送；

上述接收单元113，还用于接收服务器发送的展示信息；以及，

上述展示单元114，还用于在当前区块的展示区域展示上述展示信息。

具体的，上述生成单元111，用于生成与切换按钮对应的第二操作指令，具体用于：

若切换按钮为下一页按钮，则生成下一页展示指令；

若切换按钮为上一页按钮，则生成上一页展示指令。

具体的，上述预定区域是切换按钮所在的区域，当前区块的展示区域，或者以第一预定事件发生的位置为中心、设定长宽的选定区域，预定区域为缩略图。

基于同一发明构思，本申请实施例还提供一种基于网页区块的信息预展示装置，该装置可以设置在如图2所示的基于网页区块的信息预展示系统的服务器2中，该装置与如图7所示的基于网页区块的信息预展示方法相对应，结构如12图所示，包括：

接收单元121，用于接收浏览器发送的第一操作指令，第一操作指令是浏览器监听到网页中当前区块的切换按钮上的第一预定事件后生成并发送的、且与切换按钮对应；

获取单元122，用于根据第一操作指令和当前区块的当前展示信息获取预展示信息；以及，

发送单元123，用于将预展示信息发送给浏览器，以使浏览器在预定区域展示预展示信息。

该方案中，浏览器在监听到网页中当前区块的切换按钮上的第一预定事件后，会从服务器获取预展示信息，并在预定区域进行展示，这样用户就可以根据预展示信息预知切换后的信息，从而根据预展示信息确定是否需要对当前展示信息进行切换，若根据预展示信息确定切换后的信息是需要的信息，就可以对当前展示信息进行切换，若根据预展示信息确定切换后的信息不是需要的信息，就可以不对当前展示信息进行切换，从而避免了现有技术中反复进行信息切换，节省网络带宽资源，并且节省用户的时间，提升用户体验。

具体的，上述获取单元122，用于根据第一操作指令和当前区块的当前展示信息获取预展示信息，具体用于：

若第一操作指令为下一页预展示指令，则从当前区块对应的展示信息集合中获取当前展示信息之后一页的展示信息，并根据当前展示信息之后一页的展示信息编辑预展示信息；或者，从当前区块对应的预展示信息集合中获取当前展示信息之后一页的展示信息对应的预展示信息；

若第一操作指令为上一页预展示指令，则从当前区块对应的展示信息集合中获取当前展示信息之前一页的展示信息，并根据当前展示信息之前一页的展示信息编辑预展示信息；或者，从当前区块对应的预展示信息集合中获取当前展示信息之前一页的展示信息对应的预展示信息。

可选的，上述接收单元121，还用于接收浏览器发送的第二操作指令，第二操作指令是浏览器监听到切换按钮上的第二预定事件后生成并发送的、且与切换按钮对应；

上述获取单元122，还用于根据第二操作指令和当前区块的当前展示信息获取展示信息；以及，

上述发送单元123，还用于将上述展示信息发送给浏览器，以使浏览器在当前区块的展示区域展示上述展示信息。

具体的，上述获取单元122，用于根据第二操作指令和当前区块的当前展示信息获取展示信息，具体用于：

若第一操作指令为下一页展示指令，则从当前区块对应的展示信息集合中获取当前展示信息之后一页的展示信息；

若第一操作指令为上一页展示指令，则从当前区块对应的展示信息集合中获取当前展示信息之前一页的展示信息。

基于同一发明构思，本申请实施例还提供一种基于网页区块的信息预展示装置，该装置与如图9所示的基于网页区块的信息预展示方法相对应，结构如13图所示，包括：

生成单元131，用于监听到网页中当前区块的切换按钮上的第一预定事件后，生成与切换按钮对应的第一操作指令；

获取单元132，用于根据第一操作指令和当前区块的当前展示信息获取预展示信息；

展示单元133，用于在预定区域展示预展示信息。

该方案中，浏览器可以保存预展示信息，当监控到当前区块的切换按钮上的第一预定事件后，无需经过服务器就可以直接获取预展示信息，用户根据预展示信息预知切换后的信息，从而根据预展示信息确定是否需要对当前展示信息进行切换，若根据预展示信息确定切换后的信息是需要的信息，就可以对当前展示信息进行切换，若根据预展示信息确定切换后的信息不是需要的信息，就可以不对当前展示信息进行切换，从而避免了现有技术中反复进行信息切换，节省网络带宽资源，并且节省用户的时间，提升用户体验。

可选的，上述基于网页区块的信息预展示装置还包括切换单元，用于：

在生成单元监听到网页中当前区块的切换按钮上的第一预定事件之前，按照预定样式切换当前区块的展示信息；

在生成单元监听到网页中当前区块的切换按钮上的第一预定事件后，暂停切换当前区块的展示信息。

具体的，上述生成单元131，用于生成与切换按钮对应的第一操作指令，具体用于：

若切换按钮为下一页按钮，则生成下一页预展示指令；

若切换按钮为上一页按钮，则生成上一页预展示指令。

具体的，上述获取单元132，用于根据第一操作指令和当前区块的当前展示信息获取预展示信息，具体用于：

若第一操作指令为下一页预展示指令，则从当前区块对应的展示信息集合中获取当前展示信息之后一页的展示信息，并根据当前展示信息之后一页的展示信息编辑预展示信息；或者，从当前区块对应的预展示信息集合中获取当前展示信息之后一页的展示信息对应的预展示信息；

若第一操作指令为上一页预展示指令，则从当前区块对应的展示信息集合中获取当前展示信息之前一页的展示信息，并根据当前展示信息之前一页的展示信息编辑预展示信息；或者，从当前区块对应的预展示信息集合中获取当前展示信息之前一页的展示信息对应的预展示信息。

可选的，上述生成单元131，还用于监听到切换按钮上的第二预定事件后，生成与切换按钮对应的第二操作指令；

上述获取单元132，还用于根据第二操作指令和当前区块的当前展示信息获取展示信息；

上述展示单元133，还用于在当前区块的展示区域展示展示信息。

具体的，上述生成单元131，用于生成与切换按钮对应的第二操作指令，具体用于：

若切换按钮为下一页按钮，则生成下一页展示指令；

若切换按钮为上一页按钮，则生成上一页展示指令。

具体的，上述获取单元132，用于根据第二操作指令和当前区块的当前展示信息获取展示信息，具体用于：

若第一操作指令为下一页展示指令，则从当前区块对应的展示信息集合中获取当前展示信息之后一页的展示信息；

若第一操作指令为上一页展示指令，则从当前区块对应的展示信息集合中获取当前展示信息之前一页的展示信息。

具体的，预定区域是切换按钮所在的区域，当前区块的展示区域，或者以第一预定事件发生的位置为中心、设定长宽的选定区域，预定区域为缩略图。

上述说明示出并描述了本申请的优选实施例，但如前所述，应当理解本申请并非局限 于本文所披露的形式，不应看作是对其他实施例的排除，而可用于各种其他组合、修改和环境，并能够在本文所述发明构想范围内，通过上述教导或相关领域的技术或知识进行改动。而本领域人员所进行的改动和变化不脱离本申请的精神和范围，则都应在本申请所附权利要求的保护范围内。