本申請涉及網(wǎng)絡(luò)技術(shù)領(lǐng)域，尤其涉及一種基于網(wǎng)頁區(qū)塊的信息預(yù)展示方法、裝置及系統(tǒng)。

背景技術(shù)：

一個網(wǎng)頁一般會設(shè)置多個區(qū)塊，每個區(qū)塊用于展示不同的信息。當一個區(qū)塊中需要展示的信息過多時，可以將該區(qū)塊分為功能區(qū)域和展示區(qū)域兩部分，并按順序?qū)⑿枰故镜男畔⒎指顬槎囗?，然后根?jù)功能區(qū)域設(shè)置的切換按鈕接收到的點擊操作切換展示區(qū)域展示的信息。如圖1所示為一種功能區(qū)域的切換按鈕的設(shè)置方式，展示當前展示信息1的區(qū)域為展示區(qū)域，展示區(qū)域的左側(cè)和右側(cè)分別設(shè)置上一頁按鈕和下一頁按鈕，上一頁按鈕對應(yīng)的功能是將展示區(qū)域展示的當前展示信息切換1至當前展示信息1之前一頁的信息，下一頁按鈕對應(yīng)的功能是將展示區(qū)域展示的當前展示信息1切換至當前展示信息1之后一頁的信息。

按照現(xiàn)有的基于網(wǎng)頁區(qū)塊的信息切換方法，若用戶使用瀏覽器查看當前展示信息1之后一頁的信息，可以點擊下一頁按鈕；瀏覽器監(jiān)聽到下一頁按鈕上的點擊操作后，向服務(wù)器發(fā)送與下一頁按鈕對應(yīng)的操作指令，用于請求獲取當前展示信息1之后一頁的信息；服務(wù)器調(diào)用當前展示信息1之后一頁的信息發(fā)送給瀏覽器；瀏覽器在展示區(qū)域展示接收到的信息。若用戶使用瀏覽器查看當前展示信息1之前一頁的信息，可以點擊上一頁按鈕；瀏覽器監(jiān)聽到上一頁按鈕上的點擊操作后，向服務(wù)器發(fā)送與上一頁按鈕對應(yīng)的操作指令，用于請求獲取當前展示信息1之前一頁的信息；服務(wù)器調(diào)用當前展示信息1之前一頁的信息發(fā)送給瀏覽器；瀏覽器在展示區(qū)域展示接收到的信息。

上述方法中，用戶對展示區(qū)域展示的當前展示信息1進行切換之前，無法預(yù)知當前展示信息1之后一頁或者之前一頁的信息，只有在將展示區(qū)域展示的信息進行切換之后才能獲知，若切換之后的信息不是自己需要的信息，用戶還需要再進行信息切換，反復(fù)的進行信息切換不僅浪費網(wǎng)絡(luò)帶寬，還會浪費用戶的時間，影響用戶體驗。

技術(shù)實現(xiàn)要素：

本申請實施例提供一種基于網(wǎng)頁區(qū)塊的信息預(yù)展示方法、裝置及系統(tǒng)，用以解決現(xiàn)有 基于網(wǎng)頁區(qū)塊的信息切換方法不僅浪費網(wǎng)絡(luò)帶寬，還會浪費用戶的時間，影響用戶體驗的問題。

根據(jù)本申請實施例，提供一種基于網(wǎng)頁區(qū)塊的信息預(yù)展示方法，包括：

監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，生成與所述切換按鈕對應(yīng)的第一操作指令；

向服務(wù)器發(fā)送所述第一操作指令，以使所述服務(wù)器根據(jù)所述第一操作指令和所述當前區(qū)塊的當前展示信息獲取預(yù)展示信息并發(fā)送；

接收所述服務(wù)器發(fā)送的所述預(yù)展示信息；以及，

在預(yù)定區(qū)域展示所述預(yù)展示信息。

具體的，監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件之前，還包括：

按照預(yù)定樣式切換所述當前區(qū)塊的展示信息；

監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，還包括：

暫停切換所述當前區(qū)塊的展示信息。

具體的，生成與所述切換按鈕對應(yīng)的第一操作指令，具體包括：

若所述切換按鈕為下一頁按鈕，則生成下一頁預(yù)展示指令；

若所述切換按鈕為上一頁按鈕，則生成上一頁預(yù)展示指令。

可選的，還包括：

監(jiān)聽到所述切換按鈕上的第二預(yù)定事件后，生成與所述切換按鈕對應(yīng)的第二操作指令；

向所述服務(wù)器發(fā)送所述第二操作指令，以使所述服務(wù)器根據(jù)所述第二操作指令和所述當前區(qū)塊的當前展示信息獲取展示信息并發(fā)送；

接收所述服務(wù)器發(fā)送的所述展示信息；以及，

在所述當前區(qū)塊的展示區(qū)域展示所述展示信息。

具體的，生成與所述切換按鈕對應(yīng)的第二操作指令，具體包括：

若所述切換按鈕為下一頁按鈕，則生成下一頁展示指令；

若所述切換按鈕為上一頁按鈕，則生成上一頁展示指令。

具體的，所述預(yù)定區(qū)域是所述切換按鈕所在的區(qū)域，所述當前區(qū)塊的展示區(qū)域，或者以所述第一預(yù)定事件發(fā)生的位置為中心、設(shè)定長寬的選定區(qū)域。

具體的，所述預(yù)定區(qū)域為縮略圖。

根據(jù)本申請實施例，還提供一種基于網(wǎng)頁區(qū)塊的信息預(yù)展示方法，包括：

接收瀏覽器發(fā)送的第一操作指令，所述第一操作指令是所述瀏覽器監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后生成并發(fā)送的、且與所述切換按鈕對應(yīng)；

根據(jù)所述第一操作指令和所述當前區(qū)塊的當前展示信息獲取預(yù)展示信息；以及，

將所述預(yù)展示信息發(fā)送給所述瀏覽器，以使所述瀏覽器在預(yù)定區(qū)域展示所述預(yù)展示信息。

具體的，根據(jù)所述第一操作指令和所述當前區(qū)塊的當前展示信息獲取預(yù)展示信息，具體包括：

若所述第一操作指令為下一頁預(yù)展示指令，則從所述當前區(qū)塊對應(yīng)的展示信息集合中獲取所述當前展示信息之后一頁的展示信息，并根據(jù)所述當前展示信息之后一頁的展示信息編輯所述預(yù)展示信息；或者，從所述當前區(qū)塊對應(yīng)的預(yù)展示信息集合中獲取所述當前展示信息之后一頁的展示信息對應(yīng)的預(yù)展示信息；

若所述第一操作指令為上一頁預(yù)展示指令，則從所述當前區(qū)塊對應(yīng)的展示信息集合中獲取所述當前展示信息之前一頁的展示信息，并根據(jù)所述當前展示信息之前一頁的展示信息編輯所述預(yù)展示信息；或者，從所述當前區(qū)塊對應(yīng)的預(yù)展示信息集合中獲取所述當前展示信息之前一頁的展示信息對應(yīng)的預(yù)展示信息。

可選的，還包括：

接收所述瀏覽器發(fā)送的第二操作指令，所述第二操作指令是所述瀏覽器監(jiān)聽到所述切換按鈕上的第二預(yù)定事件后生成并發(fā)送的、且與所述切換按鈕對應(yīng)；

根據(jù)所述第二操作指令和所述當前區(qū)塊的當前展示信息獲取展示信息；以及，

將所述展示信息發(fā)送給所述瀏覽器，以使所述瀏覽器在所述當前區(qū)塊的展示區(qū)域展示所述展示信息。

具體的，根據(jù)所述第二操作指令和所述當前區(qū)塊的當前展示信息獲取展示信息，具體包括：

若所述第一操作指令為下一頁展示指令，則從所述當前區(qū)塊對應(yīng)的展示信息集合中獲取所述當前展示信息之后一頁的展示信息；

若所述第一操作指令為上一頁展示指令，則從所述當前區(qū)塊對應(yīng)的展示信息集合中獲取所述當前展示信息之前一頁的展示信息。

根據(jù)本申請實施例，還提供一種基于網(wǎng)頁區(qū)塊的信息預(yù)展示方法，包括：

監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，生成與所述切換按鈕對應(yīng)的第一操作指令；

根據(jù)所述第一操作指令和所述當前區(qū)塊的當前展示信息獲取預(yù)展示信息；

在預(yù)定區(qū)域展示所述預(yù)展示信息。

可選的，監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件之前，還包括：

按照預(yù)定樣式切換所述當前區(qū)塊的展示信息；

監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，還包括：

暫停切換所述當前區(qū)塊的展示信息。

具體的，生成與所述切換按鈕對應(yīng)的第一操作指令，具體包括：

若所述切換按鈕為下一頁按鈕，則生成下一頁預(yù)展示指令；

若所述切換按鈕為上一頁按鈕，則生成上一頁預(yù)展示指令。

具體的，根據(jù)所述第一操作指令和所述當前區(qū)塊的當前展示信息獲取預(yù)展示信息，具體包括：

若所述第一操作指令為下一頁預(yù)展示指令，則從所述當前區(qū)塊對應(yīng)的展示信息集合中獲取所述當前展示信息之后一頁的展示信息，并根據(jù)所述當前展示信息之后一頁的展示信息編輯所述預(yù)展示信息；或者，從所述當前區(qū)塊對應(yīng)的預(yù)展示信息集合中獲取所述當前展示信息之后一頁的展示信息對應(yīng)的預(yù)展示信息；

若所述第一操作指令為上一頁預(yù)展示指令，則從所述當前區(qū)塊對應(yīng)的展示信息集合中獲取所述當前展示信息之前一頁的展示信息，并根據(jù)所述當前展示信息之前一頁的展示信息編輯所述預(yù)展示信息；或者，從所述當前區(qū)塊對應(yīng)的預(yù)展示信息集合中獲取所述當前展示信息之前一頁的展示信息對應(yīng)的預(yù)展示信息。

可選的，還包括：

監(jiān)聽到所述切換按鈕上的第二預(yù)定事件后，生成與所述切換按鈕對應(yīng)的第二操作指令；

根據(jù)所述第二操作指令和所述當前區(qū)塊的當前展示信息獲取展示信息；

在所述當前區(qū)塊的展示區(qū)域展示所述展示信息。

具體的，生成與所述切換按鈕對應(yīng)的第二操作指令，具體包括：

若所述切換按鈕為下一頁按鈕，則生成下一頁展示指令；

若所述切換按鈕為上一頁按鈕，則生成上一頁展示指令。

具體的，根據(jù)所述第二操作指令和所述當前區(qū)塊的當前展示信息獲取展示信息，具體包括：

若所述第一操作指令為下一頁展示指令，則從所述當前區(qū)塊對應(yīng)的展示信息集合中獲取所述當前展示信息之后一頁的展示信息；

若所述第一操作指令為上一頁展示指令，則從所述當前區(qū)塊對應(yīng)的展示信息集合中獲取所述當前展示信息之前一頁的展示信息。

可選的，所述預(yù)定區(qū)域是所述切換按鈕所在的區(qū)域，所述當前區(qū)塊的展示區(qū)域，或者以所述第一預(yù)定事件發(fā)生的位置為中心、設(shè)定長寬的選定區(qū)域。

具體的，所述預(yù)定區(qū)域為縮略圖。

根據(jù)本申請實施例，還提供一種基于網(wǎng)頁區(qū)塊的信息預(yù)展示裝置，包括：

生成單元，用于監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，生成與所述切換按鈕對應(yīng)的第一操作指令；

發(fā)送單元，用于向服務(wù)器發(fā)送所述第一操作指令，以使所述服務(wù)器根據(jù)所述第一操作指令和所述當前區(qū)塊的當前展示信息獲取預(yù)展示信息并發(fā)送；

接收單元，用于接收所述服務(wù)器發(fā)送的所述預(yù)展示信息；以及，

展示單元，用于在預(yù)定區(qū)域展示所述預(yù)展示信息。

可選的，還包括切換單元，用于：

在所述生成單元監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件之前，按照預(yù)定樣式切換所述當前區(qū)塊的展示信息；以及，

在所述生成單元監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，暫停切換所述當前區(qū)塊的展示信息。

具體的，所述生成單元，用于生成與所述切換按鈕對應(yīng)的第一操作指令，具體用于：

若所述切換按鈕為下一頁按鈕，則生成下一頁預(yù)展示指令；

若所述切換按鈕為上一頁按鈕，則生成上一頁預(yù)展示指令。

可選的，所述生成單元，還用于監(jiān)聽到所述切換按鈕上的第二預(yù)定事件后，生成與所述切換按鈕對應(yīng)的第二操作指令；

所述發(fā)送單元，還用于向所述服務(wù)器發(fā)送所述第二操作指令，以使所述服務(wù)器根據(jù)所述第二操作指令和所述當前區(qū)塊的當前展示信息獲取展示信息并發(fā)送；

所述接收單元，還用于接收所述服務(wù)器發(fā)送的所述展示信息；以及，

所述展示單元，還用于在所述當前區(qū)塊的展示區(qū)域展示所述展示信息。

具體的，所述生成單元，用于生成與所述切換按鈕對應(yīng)的第二操作指令，具體用于：

若所述切換按鈕為下一頁按鈕，則生成下一頁展示指令；

若所述切換按鈕為上一頁按鈕，則生成上一頁展示指令。

具體的，所述預(yù)定區(qū)域是所述切換按鈕所在的區(qū)域，所述當前區(qū)塊的展示區(qū)域，或者以所述第一預(yù)定事件發(fā)生的位置為中心、設(shè)定長寬的選定區(qū)域。

可選的，所述預(yù)定區(qū)域為縮略圖。

根據(jù)本申請實施例，還提供一種基于網(wǎng)頁區(qū)塊的信息預(yù)展示裝置，包括：

接收單元，用于接收瀏覽器發(fā)送的第一操作指令，所述第一操作指令是所述瀏覽器監(jiān)聽到網(wǎng)頁中當前區(qū)塊的所述切換按鈕上的第一預(yù)定事件后生成并發(fā)送的、且與所述切換按鈕對應(yīng)；

獲取單元，用于根據(jù)所述第一操作指令和所述當前區(qū)塊的當前展示信息獲取預(yù)展示信息；以及，

發(fā)送單元，用于將所述預(yù)展示信息發(fā)送給所述瀏覽器，以使所述瀏覽器在預(yù)定區(qū)域展示所述預(yù)展示信息。

具體的，所述獲取單元，用于根據(jù)所述第一操作指令和所述當前區(qū)塊的當前展示信息獲取預(yù)展示信息，具體用于：

若所述第一操作指令為下一頁預(yù)展示指令，則從所述當前區(qū)塊對應(yīng)的展示信息集合中獲取所述當前展示信息之后一頁的展示信息，并根據(jù)所述當前展示信息之后一頁的展示信息編輯所述預(yù)展示信息；或者，從所述當前區(qū)塊對應(yīng)的預(yù)展示信息集合中獲取所述當前展示信息之后一頁的展示信息對應(yīng)的預(yù)展示信息；

若所述第一操作指令為上一頁預(yù)展示指令，則從所述當前區(qū)塊對應(yīng)的展示信息集合中獲取所述當前展示信息之前一頁的展示信息，并根據(jù)所述當前展示信息之前一頁的展示信息編輯所述預(yù)展示信息；或者，從所述當前區(qū)塊對應(yīng)的預(yù)展示信息集合中獲取所述當前展示信息之前一頁的展示信息對應(yīng)的預(yù)展示信息。

可選的，所述接收單元，還用于接收所述瀏覽器發(fā)送的第二操作指令，所述第二操作指令是所述瀏覽器監(jiān)聽到所述切換按鈕上的第二預(yù)定事件后生成并發(fā)送的、且與所述切換按鈕對應(yīng)；

所述獲取單元，還用于根據(jù)所述第二操作指令和所述當前區(qū)塊的當前展示信息獲取展示信息；以及，

所述發(fā)送單元，還用于將所述展示信息發(fā)送給所述瀏覽器，以使所述瀏覽器在所述當前區(qū)塊的展示區(qū)域展示所述展示信息。

具體的，所述獲取單元，用于根據(jù)所述第二操作指令和所述當前區(qū)塊的當前展示信息獲取展示信息，具體用于：

若所述第一操作指令為下一頁展示指令，則從所述當前區(qū)塊對應(yīng)的展示信息集合中獲取所述當前展示信息之后一頁的展示信息；

若所述第一操作指令為上一頁展示指令，則從所述當前區(qū)塊對應(yīng)的展示信息集合中獲取所述當前展示信息之前一頁的展示信息。

根據(jù)本申請實施例，還提供一種基于網(wǎng)頁區(qū)塊的信息預(yù)展示裝置，包括：

生成單元，用于監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，生成與所述切換按鈕對應(yīng)的第一操作指令；

獲取單元，用于根據(jù)所述第一操作指令和所述當前區(qū)塊的當前展示信息獲取預(yù)展示信息；

展示單元，用于在預(yù)定區(qū)域展示所述預(yù)展示信息。

可選的，還包括切換單元，用于：

在所述生成單元監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件之前，按照預(yù)定樣式切換所述當前區(qū)塊的展示信息；

在所述生成單元監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，暫停切換所述當前區(qū)塊的展示信息。

具體的，所述生成單元，用于生成與所述切換按鈕對應(yīng)的第一操作指令，具體用于：

若所述切換按鈕為下一頁按鈕，則生成下一頁預(yù)展示指令；

若所述切換按鈕為上一頁按鈕，則生成上一頁預(yù)展示指令。

具體的，所述獲取單元，用于根據(jù)所述第一操作指令和所述當前區(qū)塊的當前展示信息獲取預(yù)展示信息，具體用于：

若所述第一操作指令為下一頁預(yù)展示指令，則從所述當前區(qū)塊對應(yīng)的展示信息集合中獲取所述當前展示信息之后一頁的展示信息，并根據(jù)所述當前展示信息之后一頁的展示信息編輯所述預(yù)展示信息；或者，從所述當前區(qū)塊對應(yīng)的預(yù)展示信息集合中獲取所述當前展 示信息之后一頁的展示信息對應(yīng)的預(yù)展示信息；

若所述第一操作指令為上一頁預(yù)展示指令，則從所述當前區(qū)塊對應(yīng)的展示信息集合中獲取所述當前展示信息之前一頁的展示信息，并根據(jù)所述當前展示信息之前一頁的展示信息編輯所述預(yù)展示信息；或者，從所述當前區(qū)塊對應(yīng)的預(yù)展示信息集合中獲取所述當前展示信息之前一頁的展示信息對應(yīng)的預(yù)展示信息。

可選的，所述生成單元，還用于監(jiān)聽到所述切換按鈕上的第二預(yù)定事件后，生成與所述切換按鈕對應(yīng)的第二操作指令；

所述獲取單元，還用于根據(jù)所述第二操作指令和所述當前區(qū)塊的當前展示信息獲取展示信息；

所述展示單元，還用于在所述當前區(qū)塊的展示區(qū)域展示所述展示信息。

具體的，所述生成單元，用于生成與所述切換按鈕對應(yīng)的第二操作指令，具體用于：

若所述切換按鈕為下一頁按鈕，則生成下一頁展示指令；

若所述切換按鈕為上一頁按鈕，則生成上一頁展示指令。

具體的，所述獲取單元，用于根據(jù)所述第二操作指令和所述當前區(qū)塊的當前展示信息獲取展示信息，具體用于：

若所述第一操作指令為下一頁展示指令，則從所述當前區(qū)塊對應(yīng)的展示信息集合中獲取所述當前展示信息之后一頁的展示信息；

若所述第一操作指令為上一頁展示指令，則從所述當前區(qū)塊對應(yīng)的展示信息集合中獲取所述當前展示信息之前一頁的展示信息。

具體的，所述預(yù)定區(qū)域是所述切換按鈕所在的區(qū)域，所述當前區(qū)塊的展示區(qū)域，或者以所述第一預(yù)定事件發(fā)生的位置為中心、設(shè)定長寬的選定區(qū)域。

具體的，所述預(yù)定區(qū)域為縮略圖。

根據(jù)本申請實施例，還提供一種基于網(wǎng)頁區(qū)塊的信息預(yù)展示系統(tǒng)，包括瀏覽器和服務(wù)器，其中：

所述瀏覽器，用于監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，生成與所述切換按鈕對應(yīng)的第一操作指令；向服務(wù)器發(fā)送所述第一操作指令；接收所述服務(wù)器發(fā)送的預(yù)展示信息；以及，在預(yù)定區(qū)域展示所述預(yù)展示信息；

所述服務(wù)器，用于接收所述瀏覽器發(fā)送的所述第一操作指令；根據(jù)所述第一操作指令和所述當前區(qū)塊的當前展示信息獲取所述預(yù)展示信息；以及，將所述預(yù)展示信息發(fā)送給所 述瀏覽器。

本申請實施例提供一種基于網(wǎng)頁區(qū)塊的信息預(yù)展示方法、裝置及系統(tǒng)，瀏覽器在監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，生成與所述切換按鈕對應(yīng)的第一操作指令；向服務(wù)器發(fā)送所述第一操作指令，以使所述服務(wù)器根據(jù)所述第一操作指令和所述當前區(qū)塊的當前展示信息獲取預(yù)展示信息并發(fā)送；接收所述服務(wù)器發(fā)送的所述預(yù)展示信息；以及，在預(yù)定區(qū)域展示所述預(yù)展示信息。該方案中，瀏覽器在監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，會從服務(wù)器獲取預(yù)展示信息，并在預(yù)定區(qū)域進行展示，這樣用戶就可以根據(jù)預(yù)展示信息預(yù)知切換后的信息，從而根據(jù)預(yù)展示信息確定是否需要對當前展示信息進行切換，若根據(jù)預(yù)展示信息確定切換后的信息是需要的信息，就可以對當前展示信息進行切換，若根據(jù)預(yù)展示信息確定切換后的信息不是需要的信息，就可以不對當前展示信息進行切換，從而避免了現(xiàn)有技術(shù)中反復(fù)進行信息切換，節(jié)省網(wǎng)絡(luò)帶寬資源，并且節(jié)省用戶的時間，提升用戶體驗。

附圖說明

此處所說明的附圖用來提供對本申請的進一步理解，構(gòu)成本申請的一部分，本申請的示意性實施例及其說明用于解釋本申請，并不構(gòu)成對本申請的不當限定。在附圖中：

圖1為相關(guān)技術(shù)網(wǎng)頁中的一個區(qū)塊的結(jié)構(gòu)示意圖；

圖2為本申請實施例中基于網(wǎng)頁區(qū)塊的信息預(yù)展示系統(tǒng)的結(jié)構(gòu)示意圖；

圖3為本申請實施例中一種以瀏覽器為執(zhí)行主體時的基于網(wǎng)頁區(qū)塊的信息預(yù)展示方法的流程圖；

圖4為本申請實施例中當前區(qū)塊展示預(yù)展示信息時的結(jié)構(gòu)示意圖；

圖5為本申請實施例中另一種以瀏覽器為執(zhí)行主體時的基于網(wǎng)頁區(qū)塊的信息預(yù)展示方法的流程圖；

圖6為本申請實施例中當前區(qū)塊展示當前展示信息2時的示意圖；

圖7為本申請實施例中一種以服務(wù)器為執(zhí)行主體時的基于網(wǎng)頁區(qū)塊的信息預(yù)展示方法的流程圖；

圖8為本申請實施例中另一種以服務(wù)器為執(zhí)行主體時的基于網(wǎng)頁區(qū)塊的信息預(yù)展示方法的流程圖；

圖9為本申請實施例中再一種以瀏覽器為執(zhí)行主體時的基于網(wǎng)頁區(qū)塊的信息預(yù)展示方法的流程圖；

圖10為本申請實施例中再一種以瀏覽器為執(zhí)行主體時的基于網(wǎng)頁區(qū)塊的信息預(yù)展示方法的流程圖；

圖11為本申請實施例中一種與圖3對應(yīng)的基于網(wǎng)頁區(qū)塊的信息預(yù)展示裝置的結(jié)構(gòu)示意圖；

圖12為本申請實施例中一種與圖7對應(yīng)的基于網(wǎng)頁區(qū)塊的信息預(yù)展示裝置的結(jié)構(gòu)示意圖；

圖13為本申請實施例中一種與圖9對應(yīng)的基于網(wǎng)頁區(qū)塊的信息預(yù)展示裝置的結(jié)構(gòu)示意圖。

具體實施方式

為了使本申請所要解決的技術(shù)問題、技術(shù)方案及有益效果更加清楚、明白，以下結(jié)合附圖和實施例，對本申請進行進一頁詳細說明。應(yīng)當理解，此處所描述的具體實施例僅僅用以解釋本申請，并不用于限定本申請。

為了解決相關(guān)基于網(wǎng)頁區(qū)塊的信息切換方法不僅浪費網(wǎng)絡(luò)帶寬，還會浪費用戶的時間，影響用戶體驗的問題，本申請實施例提供一種基于網(wǎng)頁區(qū)塊的信息預(yù)展示方法，通過如圖2所示的基于網(wǎng)頁區(qū)塊的信息預(yù)展示系統(tǒng)實現(xiàn)，該基于網(wǎng)頁區(qū)塊的信息預(yù)展示系統(tǒng)包括瀏覽器1和服務(wù)器2。其中：

瀏覽器1，用于監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，生成與切換按鈕對應(yīng)的第一操作指令；向服務(wù)器發(fā)送第一操作指令；接收服務(wù)器發(fā)送的預(yù)展示信息；以及，在預(yù)定區(qū)域展示預(yù)展示信息。

服務(wù)器2，用于接收瀏覽器發(fā)送的第一操作指令；根據(jù)第一操作指令和當前區(qū)塊的當前展示信息獲取預(yù)展示信息；以及，將預(yù)展示信息發(fā)送給瀏覽器。

當服務(wù)器2用于電子商務(wù)網(wǎng)站時，當前展示信息可以是商品信息，預(yù)展示信息可以是商品信息、文本信息、音頻信息、圖片信息等等；當服務(wù)器2用于視頻網(wǎng)站時，當前展示信息可以是視頻信息，預(yù)展示信息可以是視頻信息、文本信息、音頻信息、圖片信息等等；當服務(wù)器2用于音頻網(wǎng)站時，當前展示信息可以是音頻信息，預(yù)展示信息可以是音頻信息、文本信息、圖片信息等等。

下面分別以基于網(wǎng)頁區(qū)塊的信息預(yù)展示系統(tǒng)中的瀏覽器1和服務(wù)器2為執(zhí)行主體介紹基于網(wǎng)頁區(qū)塊的信息預(yù)展示方法。

一種以瀏覽器為執(zhí)行主體的基于網(wǎng)頁區(qū)塊的信息預(yù)展示方法的流程如圖3所示，包括 如下步驟：

S31：監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，生成與切換按鈕對應(yīng)的第一操作指令。

網(wǎng)頁中通常會包括多個區(qū)塊，當區(qū)塊的展示區(qū)域無法一次性全部展示要展示的信息時，會設(shè)置切換按鈕，當區(qū)塊的展示區(qū)域可以一次性全部展示要展示的信息時，無需設(shè)置切換按鈕，本申請實施例是針對設(shè)置切換按鈕的情況。

瀏覽器通常會以設(shè)定周期監(jiān)聽網(wǎng)頁中每個區(qū)塊的切換按鈕上是否發(fā)生第一預(yù)定事件，切換按鈕上發(fā)生第一預(yù)定事件的區(qū)塊為當前區(qū)塊。當瀏覽器監(jiān)聽到當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，生成與切換按鈕對應(yīng)的第一操作指令。

其中，設(shè)定周期可以根據(jù)實際需要或者用戶的需求進行設(shè)定，當用戶的需求很高時，可以將設(shè)定周期設(shè)定的短一些，當用戶的需求不高時，可以將設(shè)定周期設(shè)定的長一些，設(shè)定周期可以是固定的，也可以是可調(diào)的；第一預(yù)定事件根據(jù)瀏覽器所在的終端不同而不同，目前常用的終端可以分為設(shè)置觸摸屏的終端和未設(shè)置觸摸屏的終端兩類，下面以這兩類進行說明，當瀏覽器所在的終端設(shè)置觸摸屏，第一預(yù)定事件是觸控點在當前區(qū)塊的切換按鈕上的懸停事件，當瀏覽器所在的終端未設(shè)置觸摸屏，第一預(yù)定事件是光標在當前區(qū)塊的切換按鈕上的懸停事件。

S32：向服務(wù)器發(fā)送第一操作指令，以使服務(wù)器根據(jù)第一操作指令和當前區(qū)塊的當前展示信息獲取預(yù)展示信息并發(fā)送。

當前展示信息可以是文本信息、視頻信息、音頻信息、商品信息等等，預(yù)展示信息可以與當前展示信息的類型相同，也可以與當前展示信息的類型不同。

第一操作指令與切換按鈕對應(yīng)，根據(jù)切換按鈕的不同而不同，下面以圖1所示的切換按鈕為例進行說明，若切換按鈕為下一頁按鈕，則生成下一頁預(yù)展示指令，服務(wù)器會根據(jù)下一頁預(yù)展示指令和當前區(qū)塊的當前展示信息獲取當前區(qū)塊的當前展示信息之后一頁的展示信息對應(yīng)的預(yù)展示信息；若切換按鈕為上一頁按鈕，則生成上一頁預(yù)展示指令，服務(wù)器會根據(jù)上一頁預(yù)展示指令和當前區(qū)塊的當前展示信息獲取當前區(qū)塊的當前展示信息之前一頁的展示信息對應(yīng)的預(yù)展示信息。

S33：接收服務(wù)器發(fā)送的預(yù)展示信息。

S34：在預(yù)定區(qū)域展示預(yù)展示信息。

在本步驟中，預(yù)定區(qū)域有多種設(shè)置方式，可以但不限于是下面三種方式：第一種方式為切換按鈕所在的區(qū)域，結(jié)合圖1和圖4可以看出，當前區(qū)塊的展示區(qū)域右側(cè)原本是下一頁按鈕所在的區(qū)域，當服務(wù)器獲取到預(yù)展示信息后，可以將下一頁按鈕所在的區(qū)域作為預(yù) 定區(qū)域展示預(yù)展示信息；第二種方式為當前區(qū)塊的展示區(qū)域，當前區(qū)塊的展示區(qū)域展示的預(yù)展示信息可以短暫地全部覆蓋當前區(qū)塊的當前展示信息，當?shù)谝活A(yù)定事件結(jié)束后，當前區(qū)塊的展示區(qū)域的預(yù)展示信息消失，重新展示當前區(qū)塊的當前展示信息；第三種方式為以第一預(yù)定事件發(fā)生的位置為中心、設(shè)定長寬的選定區(qū)域，設(shè)定長寬可以是固定的，也可以根據(jù)預(yù)展示信息的多少、當前區(qū)塊的大小或者切換按鈕所在區(qū)域的大小等等進行調(diào)整。其中，預(yù)定區(qū)域可以為縮略圖。

該方案中，瀏覽器在監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，會從服務(wù)器獲取預(yù)展示信息，并在預(yù)定區(qū)域進行展示，這樣用戶就可以根據(jù)預(yù)展示信息預(yù)知切換后的信息，從而根據(jù)預(yù)展示信息確定是否需要對當前展示信息進行切換，若根據(jù)預(yù)展示信息確定切換后的信息是需要的信息，就可以對當前展示信息進行切換，若根據(jù)預(yù)展示信息確定切換后的信息不是需要的信息，就可以不對當前展示信息進行切換，從而避免了現(xiàn)有技術(shù)中反復(fù)進行信息切換，節(jié)省網(wǎng)絡(luò)帶寬資源，并且節(jié)省用戶的時間，提升用戶體驗。

可選的，瀏覽器在監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件之前，還可以按照預(yù)定樣式切換當前區(qū)塊的展示信息，在監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，暫停切換當前區(qū)塊的展示信息。

可選的，瀏覽器展示預(yù)展示信息后，用戶可以根據(jù)預(yù)展示信息確定是否需要瀏覽切換后的信息，若需要瀏覽，則對切換按鈕執(zhí)行點擊操作；若不需要瀏覽，則結(jié)束第一預(yù)定事件，該預(yù)展示信息消失，用戶可以繼續(xù)瀏覽其它信息。當用戶根據(jù)預(yù)展示信息確定瀏覽切換后的信息時，可以對切換按鈕執(zhí)行點擊等操作，如圖5所示為本實施例中另一種基于網(wǎng)頁區(qū)塊的信息預(yù)展示方法，在圖3的基礎(chǔ)上，還包括如下步驟：

S35：監(jiān)聽到切換按鈕上的第二預(yù)定事件后，生成與切換按鈕對應(yīng)的第二操作指令。

瀏覽器通常會以設(shè)定周期監(jiān)聽網(wǎng)頁中每個區(qū)塊的切換按鈕上是否發(fā)生第二預(yù)定事件，當監(jiān)聽到切換按鈕上的第二預(yù)定事件，生成第二操作指令。

其中，第二預(yù)定事件根據(jù)瀏覽器所在的終端不同而不同，目前常用的終端可以分為設(shè)置觸摸屏的終端和未設(shè)置觸摸屏的終端兩類，下面以這兩類進行說明，當瀏覽器所在的終端設(shè)置觸摸屏，第二預(yù)定事件是觸控點在當前區(qū)塊的切換按鈕上的點擊事件，當瀏覽器所在的終端未設(shè)置觸摸屏，第二預(yù)定事件是光標在當前區(qū)塊的切換按鈕上的點擊事件。

S36：向服務(wù)器發(fā)送第二操作指令，以使服務(wù)器根據(jù)第二操作指令和當前區(qū)塊的當前展示信息獲取展示信息并發(fā)送。

當前展示信息可以是文本信息、視頻信息、音頻信息、商品信息等等，第二操作指令是與切換按鈕對應(yīng)的，根據(jù)切換按鈕的不同而不同，下面以圖1所示的切換按鈕為例進行 說明，若切換按鈕為下一頁按鈕，則向服務(wù)器發(fā)送下一頁展示指令，服務(wù)器會根據(jù)下一頁展示指令和當前區(qū)塊的當前展示信息獲取當前區(qū)塊的當前展示信息之后一頁的展示信息；若切換按鈕為上一頁按鈕，則向服務(wù)器發(fā)送上一頁展示指令，服務(wù)器會根據(jù)上一頁展示指令和當前區(qū)塊的當前展示信息獲取當前區(qū)塊的當前展示信息之前一頁的展示信息。

S37：接收服務(wù)器發(fā)送的展示信息。

S38：在當前區(qū)塊的展示區(qū)域展示上述展示信息。

最終展示的結(jié)果如圖6所示，當前展示信息2是預(yù)展示信息對應(yīng)的展示信息。圖1、圖4和圖6分別示出的是當前區(qū)塊的展示區(qū)域展示當前展示信息1、切換按鈕所在的區(qū)域展示預(yù)展示信息和當前區(qū)塊的展示區(qū)域進行信息切換后展示當前展示信息2(與預(yù)展示信息對應(yīng)的展示信息)。

通過S31-S38，用戶可以根據(jù)預(yù)展示信息預(yù)知切換后的展示信息，即當前展示信息之前一頁或之后一頁的展示信息，并確定是否瀏覽切換后的展示信息，在確定需要瀏覽后才會執(zhí)行信息切換操作，從而可以避免反復(fù)進行信息切換，節(jié)省網(wǎng)絡(luò)帶寬資源，并且節(jié)省用戶的時間，提升用戶體驗。

一種以服務(wù)器為執(zhí)行主體的基于網(wǎng)頁區(qū)塊的信息預(yù)展示方法的流程如圖7所示，包括如下步驟：

S71：接收瀏覽器發(fā)送的第一操作指令，第一操作指令是瀏覽器監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后生成并發(fā)送的、且與切換按鈕對應(yīng)。

S72：根據(jù)第一操作指令和當前區(qū)塊的當前展示信息獲取預(yù)展示信息。

S73：將預(yù)展示信息發(fā)送給瀏覽器，以使瀏覽器在預(yù)定區(qū)域展示預(yù)展示信息。

實際應(yīng)用中，瀏覽器展示一個完整的網(wǎng)頁的過程為：瀏覽器向服務(wù)器發(fā)送統(tǒng)一資源定位符(Uniform Resource Locator，URL)請求；服務(wù)器收到瀏覽器發(fā)送的URL請求后，將該URL對應(yīng)的超文本標記語言(HyperText Mark-up Language，HTML)文件發(fā)給瀏覽器；瀏覽器接收并解析該HTML文件中包含的js代碼和css樣式表，再次向服務(wù)器發(fā)送攜帶js代碼和css樣式表的數(shù)據(jù)獲取請求，用于請求獲取js代碼和css樣式表對應(yīng)的數(shù)據(jù)；服務(wù)器收到數(shù)據(jù)獲取請求后，查找獲取請求中攜帶的js代碼和css樣式表對應(yīng)的數(shù)據(jù)，并發(fā)送給瀏覽器；循環(huán)往復(fù)上述過程，直到瀏覽器確定已經(jīng)獲取所有需要的數(shù)據(jù)后，會停止發(fā)送數(shù)據(jù)獲取請求，并根據(jù)獲取到的數(shù)據(jù)展示一個完整的網(wǎng)頁。

基于上述過程，在本步驟中，服務(wù)器可以將更新后的HTML文件發(fā)送給瀏覽器，更新后的HTML文件中包含預(yù)展示信息對應(yīng)的js代碼和css樣式表，瀏覽器可以根據(jù)預(yù)展示信息對應(yīng)的js代碼和css樣式表向服務(wù)器請求獲取js代碼和css樣式表對應(yīng)的數(shù)據(jù)，當瀏覽 器獲取到j(luò)s代碼和css樣式表對應(yīng)的數(shù)據(jù)后，可以根據(jù)js代碼和css樣式表對應(yīng)的數(shù)據(jù)實現(xiàn)在預(yù)定區(qū)域展示預(yù)展示信息。

該方案中，瀏覽器在監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，會從服務(wù)器獲取預(yù)展示信息，并在預(yù)定區(qū)域進行展示，這樣用戶就可以根據(jù)預(yù)展示信息預(yù)知切換后的信息，從而根據(jù)預(yù)展示信息確定是否需要對當前展示信息進行切換，若根據(jù)預(yù)展示信息確定切換后的信息是需要的信息，就可以對當前展示信息進行切換，若根據(jù)預(yù)展示信息確定切換后的信息不是需要的信息，就可以不對當前展示信息進行切換，從而避免了現(xiàn)有技術(shù)中反復(fù)進行信息切換，節(jié)省網(wǎng)絡(luò)帶寬資源，并且節(jié)省用戶的時間，提升用戶體驗。

下面進一步詳細描述上述各個步驟。

具體的，上述S72中的根據(jù)第一操作指令和當前區(qū)塊的當前展示信息獲取預(yù)展示信息，具體包括以下兩種情況：

第一種情況，若第一操作指令為下一頁預(yù)展示指令，則從當前區(qū)塊對應(yīng)的展示信息集合中獲取當前展示信息之后一頁的展示信息，并根據(jù)當前展示信息之后一頁的展示信息編輯預(yù)展示信息；或者，從當前區(qū)塊對應(yīng)的預(yù)展示信息集合中獲取當前展示信息之后一頁的展示信息對應(yīng)的預(yù)展示信息。

第二種情況，若第一操作指令為上一頁預(yù)展示指令，則從前區(qū)塊對應(yīng)的展示信息集合中獲取當前展示信息之前一頁的展示信息，并根據(jù)當前展示信息之前一頁的展示信息編輯預(yù)展示信息；或者，從當前區(qū)塊對應(yīng)的預(yù)展示信息集合中獲取當前展示信息之前一頁的展示信息對應(yīng)的預(yù)展示信息。

以上兩種情況中，服務(wù)器可以根據(jù)第一操作指令編輯預(yù)展示信息，具體是，若第一操作指令是下一頁預(yù)展示指令，服務(wù)器調(diào)用當前展示信息之前一頁的展示信息，并根據(jù)當前展示信息的樣式或者類型等等特征，結(jié)合預(yù)覽展示區(qū)塊的大小對調(diào)用的展示信息進行編輯，得到預(yù)展示信息，若第一操作指令是上一頁預(yù)展示指令，編輯過程與上述過程相同，這里不再贅述。服務(wù)器也可以預(yù)先保存當前區(qū)塊包括的每一頁展示信息對應(yīng)的預(yù)展示信息，得到當前區(qū)塊對應(yīng)的預(yù)展示信息集合，這樣在獲取第一操作指令后，可以直接從當前區(qū)塊對應(yīng)的預(yù)展示信息集合中獲取預(yù)展示信息。

可選的，瀏覽器展示預(yù)展示信息后，用戶可以根據(jù)預(yù)展示信息確定是否需要瀏覽切換后的信息，若需要瀏覽，則對切換按鈕執(zhí)行點擊操作；若不需要瀏覽，則結(jié)束第一預(yù)定事件，該預(yù)展示信息消失，用戶可以繼續(xù)瀏覽其它信息。當用戶根據(jù)預(yù)展示信息確定瀏覽切換后的信息時，可以對切換按鈕執(zhí)行點擊等操作，如圖8所示為本實施例中另一種基于網(wǎng)頁區(qū)塊的信息預(yù)展示方法，在圖7的基礎(chǔ)上，還包括如下步驟：

S74：接收瀏覽器發(fā)送的第二操作指令，第二操作指令是瀏覽器監(jiān)聽到切換按鈕上的第二預(yù)定事件后生成并發(fā)送的、且與切換按鈕對應(yīng)。

S75：根據(jù)第二操作指令和當前區(qū)塊的當前展示信息獲取展示信息。

該步驟的實現(xiàn)過程為：若第一操作指令為下一頁展示指令，則從當前區(qū)塊對應(yīng)的展示信息集合中獲取當前展示信息之后一頁的展示信息；若第一操作指令為上一頁展示指令，則從當前區(qū)塊對應(yīng)的展示信息集合中獲取當前展示信息之前一頁的展示信息。

S76：將上述展示信息發(fā)送給瀏覽器，以使瀏覽器在當前區(qū)塊的展示區(qū)域展示上述展示信息。

通過S71-S76，用戶可以根據(jù)預(yù)展示信息預(yù)知切換后的展示信息，即當前展示信息之前一頁或之后一頁的展示信息，并確定是否瀏覽切換后的展示信息，在確定需要瀏覽后才會執(zhí)行信息切換操作，從而可以避免反復(fù)進行信息切換，節(jié)省網(wǎng)絡(luò)帶寬資源，并且節(jié)省用戶的時間，提升用戶體驗。

基于同一發(fā)明構(gòu)思，本申請實施例還提供一種基于網(wǎng)頁區(qū)塊的信息預(yù)展示方法，該方法的執(zhí)行主體為瀏覽器，瀏覽器可以在本地保存預(yù)展示信息，并從本地獲取預(yù)展示信息進行展示，該方法的流程如圖9所示，具體步驟如下：

S91：監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，生成與切換按鈕對應(yīng)的第一操作指令。

S92：根據(jù)第一操作指令和當前區(qū)塊的當前展示信息獲取預(yù)展示信息。

S93：在預(yù)定區(qū)域展示預(yù)展示信息。

該方案中，瀏覽器可以保存預(yù)展示信息，當監(jiān)控到當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，無需經(jīng)過服務(wù)器就可以直接獲取預(yù)展示信息，用戶根據(jù)預(yù)展示信息預(yù)知切換后的信息，從而根據(jù)預(yù)展示信息確定是否需要對當前展示信息進行切換，若根據(jù)預(yù)展示信息確定切換后的信息是需要的信息，就可以對當前展示信息進行切換，若根據(jù)預(yù)展示信息確定切換后的信息不是需要的信息，就可以不對當前展示信息進行切換，從而避免了現(xiàn)有技術(shù)中反復(fù)進行信息切換，節(jié)省網(wǎng)絡(luò)帶寬資源，并且節(jié)省用戶的時間，提升用戶體驗。

可選的，上述S91中的監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件之前，還可以按照預(yù)定樣式切換當前區(qū)塊的展示信息；監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，暫停切換當前區(qū)塊的展示信息。

具體的，上述S91中的生成與切換按鈕對應(yīng)的第一操作指令，具體包括：

若切換按鈕為下一頁按鈕，則生成下一頁預(yù)展示指令；

若切換按鈕為上一頁按鈕，則生成上一頁預(yù)展示指令。

具體的，上述S92中的根據(jù)第一操作指令和當前區(qū)塊的當前展示信息獲取預(yù)展示信息，具體包括：

若第一操作指令為下一頁預(yù)展示指令，則從當前區(qū)塊對應(yīng)的展示信息集合中獲取當前展示信息之后一頁的展示信息，并根據(jù)當前展示信息之后一頁的展示信息編輯預(yù)展示信息；或者，從當前區(qū)塊對應(yīng)的預(yù)展示信息集合中獲取當前展示信息之后一頁的展示信息對應(yīng)的預(yù)展示信息；

若第一操作指令為上一頁預(yù)展示指令，則從當前區(qū)塊對應(yīng)的展示信息集合中獲取當前展示信息之前一頁的展示信息，并根據(jù)當前展示信息之前一頁的展示信息編輯預(yù)展示信息；或者，從當前區(qū)塊對應(yīng)的預(yù)展示信息集合中獲取當前展示信息之前一頁的展示信息對應(yīng)的預(yù)展示信息。

可選的，瀏覽器展示預(yù)展示信息后，用戶可以根據(jù)預(yù)展示信息確定是否需要瀏覽切換后的信息，若需要瀏覽，則對切換按鈕執(zhí)行點擊操作；若不需要瀏覽，則結(jié)束第一預(yù)定事件，該預(yù)展示信息消失，用戶可以繼續(xù)瀏覽其它信息。當用戶根據(jù)預(yù)展示信息確定瀏覽切換后的信息時，可以對切換按鈕執(zhí)行點擊等操作，如圖10所示為本實施例中另一種基于網(wǎng)頁區(qū)塊的信息預(yù)展示方法，在圖9的基礎(chǔ)上，還包括如下步驟：

S94：監(jiān)聽到切換按鈕上的第二預(yù)定事件后，生成與切換按鈕對應(yīng)的第二操作指令。

S95：根據(jù)第二操作指令和當前區(qū)塊的當前展示信息獲取展示信息。

S96：在當前區(qū)塊的展示區(qū)域展示展示信息。

具體的，上述S94中的生成與切換按鈕對應(yīng)的第二操作指令，具體包括：

若切換按鈕為下一頁按鈕，則生成下一頁展示指令；

若切換按鈕為上一頁按鈕，則生成上一頁展示指令。

具體的，上述S95中的根據(jù)第二操作指令和當前區(qū)塊的當前展示信息獲取展示信息，具體包括：

若第一操作指令為下一頁展示指令，則從當前區(qū)塊對應(yīng)的展示信息集合中獲取當前展示信息之后一頁的展示信息；

若第一操作指令為上一頁展示指令，則從當前區(qū)塊對應(yīng)的展示信息集合中獲取當前展示信息之前一頁的展示信息。

具體的，預(yù)定區(qū)域是切換按鈕所在的區(qū)域，當前區(qū)塊的展示區(qū)域，或者以第一預(yù)定事件發(fā)生的位置為中心、設(shè)定長寬的選定區(qū)域，預(yù)定區(qū)域為縮略圖。

基于同一發(fā)明構(gòu)思，本申請實施例還提供一種基于網(wǎng)頁區(qū)塊的信息預(yù)展示裝置，該裝置可以設(shè)置在如圖2所示的基于網(wǎng)頁區(qū)塊的信息預(yù)展示系統(tǒng)的瀏覽器1中，該裝置與如圖3所示的基于網(wǎng)頁區(qū)塊的信息預(yù)展示方法相對應(yīng)，結(jié)構(gòu)如11圖所示，包括：

生成單元111，用于監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，生成與切換按鈕對應(yīng)的第一操作指令。

發(fā)送單元112，用于向服務(wù)器發(fā)送第一操作指令，以使服務(wù)器根據(jù)第一操作指令和當前區(qū)塊的當前展示信息獲取預(yù)展示信息并發(fā)送；

接收單元113，用于接收服務(wù)器發(fā)送的預(yù)展示信息；以及，

展示單元114，用于在預(yù)定區(qū)域展示預(yù)展示信息。

該方案中，瀏覽器在監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，會從服務(wù)器獲取預(yù)展示信息，并在預(yù)定區(qū)域進行展示，這樣用戶就可以根據(jù)預(yù)展示信息預(yù)知切換后的信息，從而根據(jù)預(yù)展示信息確定是否需要對當前展示信息進行切換，若根據(jù)預(yù)展示信息確定切換后的信息是需要的信息，就可以對當前展示信息進行切換，若根據(jù)預(yù)展示信息確定切換后的信息不是需要的信息，就可以不對當前展示信息進行切換，從而避免了現(xiàn)有技術(shù)中反復(fù)進行信息切換，節(jié)省網(wǎng)絡(luò)帶寬資源，并且節(jié)省用戶的時間，提升用戶體驗。

可選的，上述基于網(wǎng)頁區(qū)塊的信息預(yù)展示裝置還包括切換單元，用于：

在生成單元監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件之前，按照預(yù)定樣式切換當前區(qū)塊的展示信息；以及，

在生成單元監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，暫停切換當前區(qū)塊的展示信息。

具體的，上述生成單元111，用于生成與切換按鈕對應(yīng)的第一操作指令，具體用于：

若切換按鈕為下一頁按鈕，則生成下一頁預(yù)展示指令；

若切換按鈕為上一頁按鈕，則生成上一頁預(yù)展示指令。

可選的，上述生成單元111，還用于監(jiān)聽到切換按鈕上的第二預(yù)定事件后，生成與切換按鈕對應(yīng)的第二操作指令。

上述發(fā)送單元112，向服務(wù)器發(fā)送第二操作指令，以使服務(wù)器根據(jù)第二操作指令和當前區(qū)塊的當前展示信息獲取展示信息并發(fā)送；

上述接收單元113，還用于接收服務(wù)器發(fā)送的展示信息；以及，

上述展示單元114，還用于在當前區(qū)塊的展示區(qū)域展示上述展示信息。

具體的，上述生成單元111，用于生成與切換按鈕對應(yīng)的第二操作指令，具體用于：

若切換按鈕為下一頁按鈕，則生成下一頁展示指令；

若切換按鈕為上一頁按鈕，則生成上一頁展示指令。

具體的，上述預(yù)定區(qū)域是切換按鈕所在的區(qū)域，當前區(qū)塊的展示區(qū)域，或者以第一預(yù)定事件發(fā)生的位置為中心、設(shè)定長寬的選定區(qū)域，預(yù)定區(qū)域為縮略圖。

基于同一發(fā)明構(gòu)思，本申請實施例還提供一種基于網(wǎng)頁區(qū)塊的信息預(yù)展示裝置，該裝置可以設(shè)置在如圖2所示的基于網(wǎng)頁區(qū)塊的信息預(yù)展示系統(tǒng)的服務(wù)器2中，該裝置與如圖7所示的基于網(wǎng)頁區(qū)塊的信息預(yù)展示方法相對應(yīng)，結(jié)構(gòu)如12圖所示，包括：

接收單元121，用于接收瀏覽器發(fā)送的第一操作指令，第一操作指令是瀏覽器監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后生成并發(fā)送的、且與切換按鈕對應(yīng)；

獲取單元122，用于根據(jù)第一操作指令和當前區(qū)塊的當前展示信息獲取預(yù)展示信息；以及，

發(fā)送單元123，用于將預(yù)展示信息發(fā)送給瀏覽器，以使瀏覽器在預(yù)定區(qū)域展示預(yù)展示信息。

該方案中，瀏覽器在監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，會從服務(wù)器獲取預(yù)展示信息，并在預(yù)定區(qū)域進行展示，這樣用戶就可以根據(jù)預(yù)展示信息預(yù)知切換后的信息，從而根據(jù)預(yù)展示信息確定是否需要對當前展示信息進行切換，若根據(jù)預(yù)展示信息確定切換后的信息是需要的信息，就可以對當前展示信息進行切換，若根據(jù)預(yù)展示信息確定切換后的信息不是需要的信息，就可以不對當前展示信息進行切換，從而避免了現(xiàn)有技術(shù)中反復(fù)進行信息切換，節(jié)省網(wǎng)絡(luò)帶寬資源，并且節(jié)省用戶的時間，提升用戶體驗。

具體的，上述獲取單元122，用于根據(jù)第一操作指令和當前區(qū)塊的當前展示信息獲取預(yù)展示信息，具體用于：

若第一操作指令為下一頁預(yù)展示指令，則從當前區(qū)塊對應(yīng)的展示信息集合中獲取當前展示信息之后一頁的展示信息，并根據(jù)當前展示信息之后一頁的展示信息編輯預(yù)展示信息；或者，從當前區(qū)塊對應(yīng)的預(yù)展示信息集合中獲取當前展示信息之后一頁的展示信息對應(yīng)的預(yù)展示信息；

若第一操作指令為上一頁預(yù)展示指令，則從當前區(qū)塊對應(yīng)的展示信息集合中獲取當前展示信息之前一頁的展示信息，并根據(jù)當前展示信息之前一頁的展示信息編輯預(yù)展示信息；或者，從當前區(qū)塊對應(yīng)的預(yù)展示信息集合中獲取當前展示信息之前一頁的展示信息對應(yīng)的預(yù)展示信息。

可選的，上述接收單元121，還用于接收瀏覽器發(fā)送的第二操作指令，第二操作指令是瀏覽器監(jiān)聽到切換按鈕上的第二預(yù)定事件后生成并發(fā)送的、且與切換按鈕對應(yīng)；

上述獲取單元122，還用于根據(jù)第二操作指令和當前區(qū)塊的當前展示信息獲取展示信息；以及，

上述發(fā)送單元123，還用于將上述展示信息發(fā)送給瀏覽器，以使瀏覽器在當前區(qū)塊的展示區(qū)域展示上述展示信息。

具體的，上述獲取單元122，用于根據(jù)第二操作指令和當前區(qū)塊的當前展示信息獲取展示信息，具體用于：

若第一操作指令為下一頁展示指令，則從當前區(qū)塊對應(yīng)的展示信息集合中獲取當前展示信息之后一頁的展示信息；

若第一操作指令為上一頁展示指令，則從當前區(qū)塊對應(yīng)的展示信息集合中獲取當前展示信息之前一頁的展示信息。

基于同一發(fā)明構(gòu)思，本申請實施例還提供一種基于網(wǎng)頁區(qū)塊的信息預(yù)展示裝置，該裝置與如圖9所示的基于網(wǎng)頁區(qū)塊的信息預(yù)展示方法相對應(yīng)，結(jié)構(gòu)如13圖所示，包括：

生成單元131，用于監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，生成與切換按鈕對應(yīng)的第一操作指令；

獲取單元132，用于根據(jù)第一操作指令和當前區(qū)塊的當前展示信息獲取預(yù)展示信息；

展示單元133，用于在預(yù)定區(qū)域展示預(yù)展示信息。

該方案中，瀏覽器可以保存預(yù)展示信息，當監(jiān)控到當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，無需經(jīng)過服務(wù)器就可以直接獲取預(yù)展示信息，用戶根據(jù)預(yù)展示信息預(yù)知切換后的信息，從而根據(jù)預(yù)展示信息確定是否需要對當前展示信息進行切換，若根據(jù)預(yù)展示信息確定切換后的信息是需要的信息，就可以對當前展示信息進行切換，若根據(jù)預(yù)展示信息確定切換后的信息不是需要的信息，就可以不對當前展示信息進行切換，從而避免了現(xiàn)有技術(shù)中反復(fù)進行信息切換，節(jié)省網(wǎng)絡(luò)帶寬資源，并且節(jié)省用戶的時間，提升用戶體驗。

可選的，上述基于網(wǎng)頁區(qū)塊的信息預(yù)展示裝置還包括切換單元，用于：

在生成單元監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件之前，按照預(yù)定樣式切換當前區(qū)塊的展示信息；

在生成單元監(jiān)聽到網(wǎng)頁中當前區(qū)塊的切換按鈕上的第一預(yù)定事件后，暫停切換當前區(qū)塊的展示信息。

具體的，上述生成單元131，用于生成與切換按鈕對應(yīng)的第一操作指令，具體用于：

若切換按鈕為下一頁按鈕，則生成下一頁預(yù)展示指令；

若切換按鈕為上一頁按鈕，則生成上一頁預(yù)展示指令。

具體的，上述獲取單元132，用于根據(jù)第一操作指令和當前區(qū)塊的當前展示信息獲取預(yù)展示信息，具體用于：

若第一操作指令為下一頁預(yù)展示指令，則從當前區(qū)塊對應(yīng)的展示信息集合中獲取當前展示信息之后一頁的展示信息，并根據(jù)當前展示信息之后一頁的展示信息編輯預(yù)展示信息；或者，從當前區(qū)塊對應(yīng)的預(yù)展示信息集合中獲取當前展示信息之后一頁的展示信息對應(yīng)的預(yù)展示信息；

若第一操作指令為上一頁預(yù)展示指令，則從當前區(qū)塊對應(yīng)的展示信息集合中獲取當前展示信息之前一頁的展示信息，并根據(jù)當前展示信息之前一頁的展示信息編輯預(yù)展示信息；或者，從當前區(qū)塊對應(yīng)的預(yù)展示信息集合中獲取當前展示信息之前一頁的展示信息對應(yīng)的預(yù)展示信息。

可選的，上述生成單元131，還用于監(jiān)聽到切換按鈕上的第二預(yù)定事件后，生成與切換按鈕對應(yīng)的第二操作指令；

上述獲取單元132，還用于根據(jù)第二操作指令和當前區(qū)塊的當前展示信息獲取展示信息；

上述展示單元133，還用于在當前區(qū)塊的展示區(qū)域展示展示信息。

具體的，上述生成單元131，用于生成與切換按鈕對應(yīng)的第二操作指令，具體用于：

若切換按鈕為下一頁按鈕，則生成下一頁展示指令；

若切換按鈕為上一頁按鈕，則生成上一頁展示指令。

具體的，上述獲取單元132，用于根據(jù)第二操作指令和當前區(qū)塊的當前展示信息獲取展示信息，具體用于：

若第一操作指令為下一頁展示指令，則從當前區(qū)塊對應(yīng)的展示信息集合中獲取當前展示信息之后一頁的展示信息；

若第一操作指令為上一頁展示指令，則從當前區(qū)塊對應(yīng)的展示信息集合中獲取當前展示信息之前一頁的展示信息。

具體的，預(yù)定區(qū)域是切換按鈕所在的區(qū)域，當前區(qū)塊的展示區(qū)域，或者以第一預(yù)定事件發(fā)生的位置為中心、設(shè)定長寬的選定區(qū)域，預(yù)定區(qū)域為縮略圖。

上述說明示出并描述了本申請的優(yōu)選實施例，但如前所述，應(yīng)當理解本申請并非局限 于本文所披露的形式，不應(yīng)看作是對其他實施例的排除，而可用于各種其他組合、修改和環(huán)境，并能夠在本文所述發(fā)明構(gòu)想范圍內(nèi)，通過上述教導(dǎo)或相關(guān)領(lǐng)域的技術(shù)或知識進行改動。而本領(lǐng)域人員所進行的改動和變化不脫離本申請的精神和范圍，則都應(yīng)在本申請所附權(quán)利要求的保護范圍內(nèi)。