網頁內容顯示方法及裝置製造方法
2023-08-10 07:00:41 2
網頁內容顯示方法及裝置製造方法
【專利摘要】本發明公開了一種網頁內容顯示方法及裝置，屬於移動網際網路領域。該方法包括：顯示網頁中的第一屏網頁內容；接收網頁內容切換指令；根據該網頁內容切換指令，將該第一屏網頁內容切換顯示為該網頁中的第二屏網頁內容。該裝置包括：第一顯示模塊、接收模塊和切換顯示模塊。本發明通過接收網頁內容切換指令，根據網頁內容切換指令將第一屏網頁內容切換為網頁中的第二屏網頁內容，並顯示該第二屏網頁內容；解決了由於用戶的滑動隨意性大，導致的滑動前顯示的網頁內容和滑動後顯示的網頁內容中間出現脫節問題；達到了切換前後的網頁內容無縫銜接，優化了網頁顯示效果，提高了用戶從網頁上獲取信息的效率。
【專利說明】網頁內容顯示方法及裝置
【技術領域】
[0001] 本發明涉及移動網際網路領域，特別涉及一種網頁內容顯示方法及裝置。
【背景技術】
[0002] 隨著移動網際網路的發展，通過諸如智慧型手機、平板電腦以及多媒體播放器之類的 移動終端進行網頁瀏覽，成為了移動終端上使用最為廣泛的功能之一。
[0003] 在通過移動終端進行網頁瀏覽時，如果網頁內容較多，則用戶可以通過手指在觸 摸屏上的滑動操作在該網頁中的不同網頁內容之間進行滑動顯示。通常，網頁內容滑動的 多少與用戶的手指在觸控螢幕上的滑動距離的大小呈正相關關係。即，用戶的手指在觸控螢幕 上的滑動距離越大，滑動顯示的網頁內容就越多。
[0004] 在實現本發明的過程中，發明人發現現有技術至少存在以下問題：由於用戶的滑 動隨意性大，如果用戶的手指在觸控螢幕上的滑動距離很大，則可能滑動跳過了太多的網頁 內容，滑動前顯示的網頁內容和滑動後顯示的網頁內容中間出現脫節，用戶還需要重新滑 動來調節當前顯示的網頁內容，所以顯示效果較差，用戶從網頁上獲取信息的效率也較低。
【發明內容】
[0005] 為了解決現有技術的由於用戶的滑動隨意性大，如果用戶的手指在觸控螢幕上的滑 動距離很大，則可能滑動跳過了太多的網頁內容，滑動前顯示的網頁內容和滑動後顯示的 網頁內容中間出現脫節，用戶還需要重新滑動來調節當前顯示的網頁內容，顯示效果較差， 用戶從網頁上獲取信息的效率也較低的問題，本發明實施例提供了一種網頁內容顯示方法 及裝置。所述技術方案如下：
[0006] 第一方面，提供了一種網頁內容顯示方法，所述方法包括：
[0007] 顯示網頁中的第一屏網頁內容；
[0008] 接收網頁內容切換指令；
[0009] 根據該網頁內容切換指令，將該第一屏網頁內容切換顯示為該網頁中的第二屏網 頁內容，該第一屏網頁內容和該第二屏網頁內容是該網頁中無縫銜接的兩個適應整屏顯示 的網頁內容。
[0010] 第二方面，提供了一種網頁內容顯示裝置，所述裝置包括：
[0011] 第一顯示模塊，用於顯示網頁中的第一屏網頁內容；
[0012] 接收模塊，用於接收網頁內容切換指令；
[0013] 切換顯示模塊，用於根據該網頁內容切換指令，將該第一屏網頁內容切換顯示為 該網頁中的第二屏網頁內容，該第一屏網頁內容和該第二屏網頁內容是該網頁中無縫銜接 的兩個適應整屏顯示的網頁內容。
[0014] 本發明實施例提供的技術方案帶來的有益效果是：
[0015] 通過接收網頁內容切換指令，根據網頁內容切換指令將第一屏網頁內容切換為該 網頁中的第二屏網頁內容，並顯示該第二屏網頁內容；解決了由於用戶的滑動隨意性大，導 致的滑動前顯示的網頁內容和滑動後顯示的網頁內容中間出現脫節問題；達到了切換前後 的網頁內容無縫銜接，優化了網頁顯示效果，提高了用戶從網頁上獲取信息的效率。
【專利附圖】
【附圖說明】
[0016] 為了更清楚地說明本發明實施例中的技術方案，下面將對實施例描述中所需要使 用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發明的一些實施例，對於 本領域普通技術人員來講，在不付出創造性勞動的前提下，還可以根據這些附圖獲得其他 的附圖。
[0017] 圖1是本發明一個實施例提供的網頁內容顯示方法的方法流程圖；
[0018] 圖2A是本發明另一實施例提供的網頁內容顯示方法的方法流程圖；
[0019] 圖2B是本發明另一實施例提供的一種將網頁中的網頁內容組織為依序無縫銜接 且適應整屏顯示的網頁內容的示意圖；
[0020] 圖2C是本發明另一實施例提供的一種適應整屏顯不的網頁內容的不意圖；
[0021] 圖2D是本發明另一實施例提供的另一種適應整屏顯示的網頁內容的示意圖；
[0022] 圖2E是本發明另一實施例提供的一種頁面引導元素的示意圖；
[0023] 圖2F是本發明另一實施例提供的根據向上切換指令將第一屏網頁內容切換顯示 為第二屏網頁內容的示意圖；
[0024] 圖2G是本發明另一實施例提供的根據向下切換指令將第一屏網頁內容切換顯示 為第二屏網頁內容的示意圖；
[0025] 圖3A是本發明再一實施例提供的網頁內容顯示方法的方法流程圖；
[0026] 圖3B是本發明再一實施例提供的對至少兩個網頁進行合併的示意圖；
[0027] 圖3C是本發明再一實施例提供的一種將網頁中的網頁內容組織為依序無縫銜接 且適應整屏顯示的網頁內容的示意圖；
[0028] 圖3D是本發明再一實施例提供的一種頁面引導元素的示意圖；
[0029] 圖3E是本發明再一實施例提供的根據向左切換指令將第一屏網頁內容切換顯示 為第二屏網頁內容的示意圖；
[0030] 圖3F是本發明再一實施例提供的根據向右切換指令將第一屏網頁內容切換顯示 為第二屏網頁內容的示意圖；
[0031] 圖4是本發明一個實施例提供的網頁內容顯示裝置的裝置結構示意圖；
[0032] 圖5是本發明另一實施例提供的網頁內容顯示裝置的裝置結構示意圖。
【具體實施方式】
[0033] 為使本發明的目的、技術方案和優點更加清楚，下面將結合附圖對本發明實施方 式作進一步地詳細描述。
[0034] 本發明中的移動終端可以是具有網頁內容顯示功能的電子設備。該電子設備可以 是智慧型手機、平板電腦、電子書閱讀器、MP3播放器（Moving Picture Experts Group Audio Layer III，動態影像專家壓縮標準音頻層面3)、MP4(Moving Picture Experts Group Audio Layer IV，動態影像專家壓縮標準音頻層面4)播放器或者膝上型便攜計算機等等。
[0035] 請參考圖1，其示出了本發明一個實施例提供的網頁內容顯示方法的方法流程圖。 本實施例以該網頁內容顯示方法應用移動終端中來進行舉例說明。參見圖1，該方法流程具 體包括：
[0036] 101、顯示網頁中的第一屏網頁內容。
[0037] 102、接收網頁內容切換指令。
[0038] 103、根據網頁內容切換指令，將第一屏網頁內容切換顯示為該網頁中的第二屏網 頁內容，該第一屏網頁內容和該第二屏網頁內容是該網頁中無縫銜接的兩個適應整屏顯示 的網頁內容。
[0039] 綜上所述，本發明實施例提供的網頁內容顯示方法，通過接收網頁內容切換指令， 根據網頁內容切換指令將第一屏網頁內容切換為該網頁中的第二屏網頁內容，並顯示該第 二屏網頁內容；解決了由於用戶的滑動隨意性大，導致的滑動前顯示的網頁內容和滑動後 顯示的網頁內容中間出現脫節問題；達到了切換前後的網頁內容無縫銜接，優化了網頁顯 示效果，提高了用戶從網頁上獲取信息的效率。
[0040] 本發明所提供的網頁內容顯示方法在對網頁內容進行切換顯示時，支持根據上下 切換指令和左右切換指令對網頁內容進行切換顯示，下面分別以該切換指令為上下切換指 令和左右切換指令來進行說明。
[0041] 請參考圖2A，其示出了本發明另一實施例提供的網頁內容顯示方法的方法流程 圖。本實施例以該網頁內容顯示方法應用移動終端中來進行舉例說明。參見圖2A，該方法 流程具體包括：
[0042] 201、將一個網頁中的網頁內容組織為依序無縫銜接且適應整屏顯示的至少2屏 網頁內容。
[0043] 在一個網頁中的網頁內容較多，在移動終端的屏幕的顯示區域中無法一次性全部 顯示出時，移動終端將該網頁中的網頁內容組織為依序無縫銜接且適應整屏顯示的至少2 屏網頁內容。
[0044] 比如，假設移動終端對該一個網頁的網頁內容進行組織時，生成了 4屏依序無縫 銜接且適應整屏顯示的網頁內容，假設該4屏依序無縫銜接且適應整屏顯示的網頁內容分 另IJ為" 1"、" 2 "、" 3 "和"4"，如圖2B所示，圖2B本發明另一實施例提供的一種將網頁中的網 頁內容組織為依序無縫銜接且適應整屏顯示的網頁內容的示意圖。
[0045] 其中，該無縫銜接是指該至少2屏網頁內容中的每兩屏網頁內容之間不存在中間 脫節的現象，沒有相互重疊的部分或僅在首尾存在重疊部分。該僅在首尾存在重疊部分以 不影響用戶瀏覽網頁內容為準。假如該網頁內容為文字內容，該極少的重疊部分可以為第 i屏網頁內容中的最後一行文字與第i+Ι屏網頁內容中的第一行文字重疊，i為正整數。
[0046] 其中，適應整屏顯示可以是指該網頁內容適合在移動終端屏幕的整個顯示區域進 行顯示。比如，該適應整屏顯示的網頁內容可以為圖2C所示的位於移動終端屏幕中央的 "3"；或，該適應整屏顯示的網頁內容還可以為圖2D所示的位於移動終端屏幕中央的"3"。
[0047] 202、顯示該網頁中的第一屏網頁內容。
[0048] 其中，該第一屏網頁內容可以是該網頁中的最先一屏網頁內容，也可以是該網頁 中的最後一屏網頁內容，還可以是該一個網頁中的除了該最先一屏網頁內容和最後一屏網 頁內容以外的其他的適應整屏顯示的網頁內容。本實施例對此不作限定。優選地，本實施 例以該第一屏網頁內容為該網頁中的最先一屏網頁內容來舉例說明。
[0049] 需要說明的是，如果該第一屏網頁內容為該網頁中的最先一屏網頁內容，在後續 進行切換顯示網頁內容的步驟中，首次切換時，只能將第一屏網頁內容切換顯示為該網頁 中位於該第一屏網頁內容之後的第二屏網頁內容；如果該第一屏網頁內容為該網頁中的最 後一屏網頁內容，在後續進行切換顯示網頁內容的步驟中，首次切換時，只能將第一屏網頁 內容切換顯示為該網頁中位於該第一屏網頁內容之前的第二屏網頁內容。
[0050] 203、接收網頁內容的上下切換指令，該上下切換指令包括向上切換指令和向下切 換指令中的任意一種。
[0051] 其中，該上下切換指令可以為向上切換指令和向下切換指令中的任意一種。該上 下切換指令可以是根據用戶在移動終端屏幕上的滑動操作所觸發的；還可以是根據用戶對 預定按鍵或頁面引導元素的操作所觸發的。其中，該頁面引導元素可以是箭頭，也可以是具 有引導作用的動畫，具體本實施例不作限定。
[0052] 圖2E是本發明另一實施例提供的一種頁面引導元素的示意圖，本示意圖以該頁 面引導元素為箭頭且滑動方向為上下滑動方向來進行舉例說明。可以看出，該示意圖中 包括向上滑動屏幕的箭頭和向下滑動屏幕的箭頭，當用戶按照箭頭所指示的方向滑動屏幕 時，可以觸發一個相應的網頁內容切換指令。
[0053] 如，當用戶滑動的方向相對於移動終端屏幕向上時，觸發的就是一個向上切換 指令；當用戶滑動的方向相對於移動終端屏幕向下時，觸發的就是一個向下切換指令。
[0054] 需要說明的是，當該上下切換指令是根據用戶對預定按鍵或頁面引導元素的操作 所觸發的指令時，則移動終端需要維護一個按鍵或頁面引導元素與上下切換指令之間的對 應關係，以使得當用戶按壓相應的按鍵或頁面引導元素時，可以觸發一個相應的上下切換 指令。
[0055] 204、根據該網頁內容的上下切換指令，將該第一屏網頁內容切換顯示為該網頁中 的第二屏網頁內容。
[0056] 由以上步驟201可知，該第一屏網頁內容和該第二屏網頁內容是該網頁中無縫銜 接的兩個適應整屏顯示的網頁內容。
[0057] 在本發明實施例中，當該網頁內容切換指令為向上切換指令時，移動終端將該第 一屏網頁內容切換顯示為該網頁中位於該第一屏網頁內容之後的第二屏網頁內容；當該網 頁內容切換指令為向下切換指令，移動終端將該第一屏網頁內容切換顯示為該網頁中位於 該第一屏網頁內容之前的第二屏網頁內容。
[0058] 當移動終端接收到的切換指令為向上切換指令時，移動終端將當前顯示的適應整 屏顯示的網頁內容，即，第一屏網頁內容,切換至當前顯示的適應整屏顯示的網頁內容之後 的與當前顯示的網頁內容無縫銜接的網頁內容，即，第二屏網頁內容；當移動終端接收到的 切換指令為向下切換指令時，移動終端將當前顯示的適應整屏顯示的網頁內容，即，第一屏 網頁內容，切換至當前顯示的適應整屏顯示的網頁內容之前的與當前顯示的網頁內容無縫 銜接的網頁內容，即，第二屏網頁內容。
[0059] 以步驟201中組織得到的4個網頁內容為例（圖2B)，假設在步驟202中顯示的第 一屏網頁內容為"3"，則根據向上切換指令對該第一屏網頁內容進行切換顯示的示意圖可 以為圖2F所示的示意圖；根據向下切換指令對該第一屏網頁內容進行切換顯示的示意圖 可以為圖2G所示的示意圖。
[0060] 圖2F是本發明另一實施例提供的根據向上切換指令將第一屏網頁內容切換顯示 為第二屏網頁內容的示意圖，本示意圖以頁面引導元素為箭頭為例進行舉例說明。參見圖 2F，可以看出，切換之前移動終端屏幕中顯示的是第一屏網頁內容"3"，根據向上切換指令 對其進行切換後，移動終端屏幕中顯示的是第二屏網頁內容"4"。
[0061] 圖2G是本發明另一實施例提供的根據向下切換指令將第一屏網頁內容切換顯示 為第二屏網頁內容的示意圖，本示意圖以頁面引導元素為箭頭為例進行舉例說明。參見圖 2G，可以看出，切換之前移動終端屏幕中顯示的是第一屏網頁內容"3"，根據向下切換指令 對其進行切換後，移動終端屏幕中顯示的是第二屏網頁內容"2"。
[0062] 需要說明的是，當移動終端將第一屏網頁內容切換顯示為第二屏網頁內容之後， 移動終端可以顯示該第二屏網頁內容中的動畫元素，該動畫元素用於引導用戶的視覺焦 點，用戶可以根據該動畫元素，繼續進行相應的網頁內容瀏覽。
[0063] 還需要說明的是，如果當前顯示的網頁內容是最先一屏網頁內容，則移動終端不 會再顯示向下的頁面引導元素；如果當前顯示的網頁內容是最後一屏網頁內容，則移動終 端不會再顯示向上的頁面引導元素。
[0064] 還需要說明的是，如果移動終端根據某個方向的切換指令將第一屏網頁內容切換 顯示為第二屏網頁內容之後，移動終端接收到的還是該向該方向的網頁內容切換指令，則 移動終端繼續根據該方向，切換當前顯示的網頁內容。
[0065] 比如，移動終端根據向上切換指令將第一將屏網頁內容切換顯示為第二屏網頁內 容之後，移動終端接收到的還是向上切換指令，則移動終端繼續根據該向上切換指令，將網 頁內容切換為該第二屏網頁內容之後的與該第二屏網頁內容無縫銜接的適應整屏顯示的 網頁內容，依次類推。
[0066] 又比如，移動終端根據向下切換指令將第一將屏網頁內容切換顯示為第二屏網頁 內容之後，移動終端接收到的還是向下切換指令，則移動終端繼續根據該向下切換指令，將 網頁內容切換為該第二屏網頁內容之前的與該第二屏網頁內容無縫銜接的適應整屏顯示 的網頁內容，依次類推。
[0067] 最後需要說明的是，上述在對網頁內容切換指令和頁面引導元素進行說明的過程 中所涉及的上、下、或向上、向下均是以移動終端屏幕正面朝上時，相對於移動終端屏幕滑 動的方向而言的。
[0068] 綜上所述，本發明實施例提供的網頁內容顯示方法，通過接收網頁內容的上下切 換指令，根據該網頁內容的上下切換指令，將該第一屏網頁內容切換顯示為該一個網頁中 的第二屏網頁內容；解決了由於用戶的滑動隨意性大，導致的滑動前顯示的網頁內容和滑 動後顯示的網頁內容中間出現脫節問題；達到了切換前後的網頁內容無縫銜接，優化了網 頁顯示效果，提高了用戶從網頁上獲取信息的效率。
[0069] 本發明實施例提供的網頁內容顯示方法，通過滑動屏幕或通過根據預定按鍵以及 頁面引導元素觸發相應的網頁內容切換指令，並根據該觸發的網頁內容切換指令對當前顯 示的網頁內容進行切換；豐富了觸發網頁內容切換指令的方式。
[0070] 本發明實施例提供的網頁內容顯示方法，通過在顯示第二屏網頁內容的同時，顯 示該第二屏網頁內容中的動畫元素，以使得用戶可以根據該動畫元素繼續瀏覽網頁內容； 提高了用戶在瀏覽網頁時的效率。
[0071] 上述實施例是以網頁內容切換指令為上下切換指令對本發明進行舉例說明的，接 下來，以該網頁內容切換指令為左右切換指令來進行舉例說明。
[0072] 需要預先說明的是，本發明提供的網頁內容顯示方法，還支持將至少兩個網頁加 載合併為一個網頁，進而對該合併後的網頁的網頁內容進行切換顯示。那麼，在接下來的實 施例中，還提供了將多個網頁合併為一個網頁，進而對該合併後的網頁的網頁內容進行切 換顯示的方法，具體請參見下述實施例。
[0073] 請參考圖3A，其示出了本發明再一實施例提供的網頁內容顯示方法的方法流程 圖。本實施例以該網頁內容顯示方法應用移動終端中來進行舉例說明。參見圖3A，該方法 流程具體包括：
[0074] 301、將至少兩個網頁加載合併為一個網頁。
[0075] 在本發明實施例中，當移動終端接收到對某一網頁的訪問請求指令時，移動終端 加載該網頁，當移動終端加載到至少兩個網頁時，移動終端可以對該至少兩個網頁進行合 並，得到一個網頁。其中，該至少兩個網頁可以為大小相同的網頁，也可以為大小不相同的 網頁。優選地，該至少兩個網頁為大小不相同的網頁。移動終端將該至少兩個大小不相同 的網頁進行合併，得到一個網頁。
[0076] 如，假設存在兩個大小不相同的網頁A和網頁B，該網頁B是網頁A的下一個網 頁，對網頁A和網頁B進行合併生成的網頁為網頁AB，則合併前的網頁A、網頁B和合併後 的網頁AB可以如圖3B的示意圖所示，圖3B是本發明再一實施例提供的對至少兩個網頁進 行合併的示意圖。
[0077] 302、將該網頁中的網頁內容組織為依序無縫銜接且適應整屏顯示的至少2屏網 頁內容。
[0078] 該步驟302與圖2A提供的實施例中的步驟201相同或類似，本實施例對此不再贅 述。
[0079] 但是需要說明的是，在本實施例中，移動終端在對該網頁的網頁內容進行組織時， 生成的4屏依序無縫銜接且適應整屏顯示的網頁內容，可以如圖3C所示，圖3C是本發明再 一實施例提供的一種將網頁中的網頁內容組織為依序無縫銜接且適應整屏顯示的網頁內 容的示意圖。
[0080] 303、顯示該網頁中的第一屏網頁內容。
[0081] 該步驟303與圖2A提供的實施例中的步驟202相同或類似，本實施例對此不再贅 述。
[0082] 304、接收網頁內容的左右切換指令，該左右切換指令包括向左切換指令和向右切 換指令中的任意一種。
[0083] 其中，該左右切換指令可以為向左切換指令和向右切換指令中的任意一種。該左 右切換指令可以是根據用戶在移動終端屏幕上的滑動操作所觸發的；還可以是根據用戶對 預定按鍵或頁面引導元素的操作所觸發的。其中，該頁面引導元素可以是箭頭，也可以是具 有引導作用的動畫，具體本實施例不作限定。
[0084] 圖3D是本發明再一實施例提供的一種頁面引導元素的示意圖，本示意圖以該頁 面引導元素為動畫且動畫移動方向為左右移動方向來進行舉例說明。可以看出，該示意圖 中包括向左移動的動畫和向右移動的動畫，當用戶按照相應的動畫移動方向滑動屏幕時， 可以觸發一個相應的網頁內容切換指令。
[0085] 比如，當用戶根據向左移動的動畫滑動屏幕時，觸發的就是一個向左切換指令；當 用戶根據向右移動的動畫滑動屏幕時，觸發的就是一個向右切換指令。
[0086] 需要說明的是，當該左右切換指令是根據用戶對預定按鍵或頁面引導元素的操作 所觸發的指令時，則移動終端需要維護一個按鍵或頁面引導元素與左右切換指令之間的對 應關係，以使得當用戶按壓相應的按鍵或頁面引導元素時，可以觸發一個相應的左右切換 指令。
[0087] 305、根據該網頁內容的左右切換指令，將該第一屏網頁內容切換顯示為該網頁中 的第二屏網頁內容。
[0088] 該步驟305的具體實現過程與圖2A提供的實施例中的步驟204類似，本實施不再 詳細贅述。
[0089] 但是，不同的是，本實施例中在根據左右切換指令對網頁內容進行切換顯示時，是 以頁面引導元素為動畫為例進行舉例說明的。在分別根據向左切換指令和向右切換指令對 網頁內容進行切換顯示時，該對網頁內容切換顯示的示意圖可以為圖3E和3F所示的示意 圖。
[0090] 圖3E是本發明再一實施例提供的根據向左切換指令將第一屏網頁內容切換顯示 為第二屏網頁內容的示意圖。參見圖3E，可以看出，切換之前移動終端屏幕中顯示的是第一 屏網頁內容"3"，根據向左切換指令對其進行切換後，移動終端屏幕中顯示的是第二屏網頁 內容"4"。
[0091] 圖3F是本發明再一實施例提供的根據向右切換指令將第一屏網頁內容切換顯示 為第二屏網頁內容的示意圖。參見圖3F，可以看出，切換之前移動終端屏幕中顯示的是第一 屏網頁內容"3"，根據向右切換指令對其進行切換後，移動終端屏幕中顯示的是第二屏網頁 內容"2"。
[0092] 需要說明的是，上述在對網頁內容切換指令和頁面引導元素進行說明的過程中所 涉及的左、右、或向左、向右均是以移動終端屏幕正面朝上時，相對於移動終端屏幕滑動的 方向而言的。
[0093] 綜上所述，本發明實施例提供的網頁內容顯示方法，通過接收網頁內容的左右切 換指令，根據該網頁內容的左右切換指令，將該第一屏網頁內容切換顯示為該一個網頁中 的第二屏網頁內容；解決了由於用戶的滑動隨意性大，導致的滑動前顯示的網頁內容和滑 動後顯示的網頁內容中間出現脫節問題；達到了切換前後的網頁內容無縫銜接，優化了網 頁顯示效果，提高了用戶從網頁上獲取信息的效率。
[0094] 本發明實施例提供的網頁內容顯示方法，通過滑動屏幕或通過根據預定按鍵以及 頁面引導元素觸發相應的網頁內容切換指令，並根據該觸發的網頁內容切換指令對當前顯 示的網頁內容進行切換；豐富了觸發網頁內容切換指令的方式。
[0095] 本發明實施例提供的網頁內容顯示方法，通過在顯示第二屏網頁內容的同時，顯 示該第二屏網頁內容中的動畫元素，以使得用戶可以根據該動畫元素繼續瀏覽網頁內容； 提高了用戶在瀏覽網頁時的效率。
[0096] 本發明實施例提供的網頁內容顯示方法，通過將至少兩個網頁加載合併為一個網 頁，對該網頁網頁內容組織，形成至少2個無縫銜接且適應整屏顯示的網頁內容，進而對該 至少2個無縫銜接且適應整屏顯示的網頁內容進行切換顯示；減小了信息蹦失率。
[0097] 這裡需要對信息蹦失率進行一個簡單的說明。為了該說明簡單易懂，這裡結合圖 2A和3A提供的實施例中的附圖，來對該信息蹦失率進行說明。參見圖3B，可以看出，在對 網頁A和網頁B進行合併之前，該網頁A中顯示有"下一頁"的按鈕，該按鈕用於指示網頁 A的下一個網頁，即網頁B，用戶可以通過點擊該按鈕，將網頁A的網頁內容切換顯示為網頁 B的網頁內容。假設用戶當前閱讀的是網頁A中的網頁內容，在一種可能的情況下，用戶可 能不會點擊該"下一頁"切換按鈕繼續閱讀下一頁的網頁內容，即網頁B的網頁內容，那麼 該網頁B中的網頁內容對於用戶來說就可以稱為一種丟失的網頁內容，從而，該網頁B中所 表述的信息對於用戶來說就可以稱為一種丟失的信息，因此，有了信息蹦失率的說法。
[0098] 但是，在本發明實施例中，將該網頁A和網頁B的網頁內容進行了加載合併，進而 將合併後的網頁中的網頁內容進行組織形成了如圖2B或圖3C所示的依序無縫銜接且適應 整屏顯示的網頁內容，進而通過滑動操作或根據頁面引導元素進行操作，對該適應整屏顯 示的網頁內容進行切換，就會大大減小通過諸如"下一頁"的切換按鈕切換網頁內容時造成 的信息丟失，從而本發明可以減小網頁內容的信息蹦失率。
[0099] 請參考圖4,其示出了本發明一個實施例提供的網頁內容顯示裝置的裝置結構示 意圖。該網頁內容顯示裝置可以通過軟體、硬體或者兩者的結合實現成為移動終端的部分 或者全部。參見圖4,該裝置具體包括：第一顯示模塊401、接收模塊402和切換顯示模塊 403。
[0100] 第一顯示模塊401，用於顯示網頁中的第一屏網頁內容；
[0101] 接收模塊402,用於接收對第一顯示模塊401所顯示的第一屏網頁內容的網頁內 容切換指令；
[0102] 切換顯示模塊403,用於根據接收模塊402所接收到的網頁內容切換指令，將該第 一屏網頁內容切換顯示為該網頁中的第二屏網頁內容，該第一屏網頁內容和該第二屏網頁 內容是該網頁中無縫銜接的兩個適應整屏顯示的網頁內容。
[0103] 綜上所述，本發明實施例提供的網頁內容顯示裝置，通過接收網頁內容切換指令， 根據網頁內容切換指令將第一屏網頁內容切換為該網頁中的第二屏網頁內容，並顯示該第 二屏網頁內容；解決了由於用戶的滑動隨意性大，導致的滑動前顯示的網頁內容和滑動後 顯示的網頁內容中間出現脫節問題；達到了切換前後的網頁內容無縫銜接，優化了網頁顯 示效果，提高了用戶從網頁上獲取信息的效率。
[0104] 請參考圖5,其示出了本發明另一實施例提供的網頁內容顯示裝置的裝置結構示 意圖。該網頁內容顯示裝置可以通過軟體、硬體或者兩者的結合實現成為移動終端的部分 或者全部。參見圖5,該裝置具體包括：第一顯示模塊501、接收模塊502和切換顯示模塊 503。
[0105] 第一顯不模塊501，用於顯不網頁中的第一屏網頁內容；
[0106] 接收模塊502,用於接收對顯示模塊501所顯示的第一屏網頁內容的網頁內容切 換指令；
[0107] 切換顯示模塊503,用於根據接收模塊502所接收到的網頁內容切換指令，將該第 一屏網頁內容切換顯示為該網頁中的第二屏網頁內容，該第一屏網頁內容和該第二屏網頁 內容是該網頁中無縫銜接的兩個適應整屏顯示的網頁內容。
[0108] 該接收模塊502,用於通過在觸控螢幕上觸發的滑動操作接收向上切換指令、向下切 換指令、向左切換指令或向右切換指令；
[0109] 或，
[0110] 該接收模塊502,用於通過預定按鍵或頁面引導元素接收向上切換指令、向下切換 指令、向左切換指令或向右切換指令。
[0111] 該切換顯示模塊503,包括：
[0112] 第一切換顯示單元532,用於在接收模塊502接收到的網頁內容切換指令為向上 切換指令或向左切換指令時，將該第一屏網頁內容切換顯示為該網頁中位於該第一屏網頁 內容之後的第二屏網頁內容；
[0113] 第二切換顯示單元534,用於在接收模塊502接收到的該網頁內容切換指令為向 下切換指令或向右切換指令時，將該第一屏網頁內容切換顯示為該網頁中位於該第一屏網 頁內容之前的第二屏網頁內容。
[0114] 該裝置，還包括：
[0115] 組織模塊506,用於將該網頁中的網頁內容組織為依序無縫銜接且適應整屏顯示 的至少2屏網頁內容。
[0116] 該裝置，還包括：
[0117] 加載合併模塊507,用於將至少兩個網頁加載合併為該網頁。
[0118] 該裝置，還包括：
[0119] 第二顯示模塊508,用於顯示該第二屏網頁內容中的動畫元素，該動畫元素用於引 導視覺焦點。
[0120] 綜上所述，本發明實施例提供的網頁內容顯示裝置，通過接收網頁內容切換指令， 根據網頁內容切換指令將第一屏網頁內容切換為該網頁中的第二屏網頁內容，並顯示該第 二屏網頁內容；解決了由於用戶的滑動隨意性大，導致的滑動前顯示的網頁內容和滑動後 顯示的網頁內容中間出現脫節問題；達到了切換前後的網頁內容無縫銜接，優化了網頁顯 示效果，提高了用戶從網頁上獲取信息的效率。
[0121] 本發明實施例提供的網頁內容顯示裝置，通過滑動屏幕或通過根據預定按鍵以及 頁面引導元素觸發相應的網頁內容切換指令，並根據該觸發的網頁內容切換指令對當前顯 示的網頁內容進行切換；豐富了觸發網頁內容切換指令的方式。
[0122] 本發明實施例提供的網頁內容顯示裝置，通過在顯示第二屏網頁內容的同時，顯 示該第二屏網頁內容中的動畫元素，以使得用戶可以根據該動畫元素繼續瀏覽網頁內容； 提高了用戶在瀏覽網頁時的效率。
[0123] 本發明實施例提供的網頁內容顯示裝置，通過將至少兩個網頁加載合併為一個網 頁，對該網頁網頁內容組織，形成至少2個無縫銜接且適應整屏顯示的網頁內容，進而對該 至少2個無縫銜接且適應整屏顯示的網頁內容進行切換顯示；減小了信息蹦失率。
[0124] 需要說明的是：上述實施例提供的網頁內容顯示裝置在顯示網頁內容時，僅以上 述各功能模塊的劃分進行舉例說明，實際應用中，可以根據需要而將上述功能分配由不同 的功能模塊完成，即將設備的內部結構劃分成不同的功能模塊，以完成以上描述的全部或 者部分功能。另外，上述實施例提供的網頁內容顯示裝置與網頁內容顯示方法實施例屬於 同一構思，其具體實現過程詳見方法實施例，這裡不再贅述。
[0125] 上述本發明實施例序號僅僅為了描述，不代表實施例的優劣。
[0126] 本領域普通技術人員可以理解實現上述實施例的全部或部分步驟可以通過硬體 來完成，也可以通過程序來指令相關的硬體完成，所述的程序可以存儲於一種計算機可讀 存儲介質中，上述提到的存儲介質可以是只讀存儲器，磁碟或光碟等。
[0127] 以上所述僅為本發明的較佳實施例，並不用以限制本發明，凡在本發明的精神和 原則之內，所作的任何修改、等同替換、改進等，均應包含在本發明的保護範圍之內。
【權利要求】
1. 一種網頁內容顯示方法，其特徵在於，所述方法包括： 顯示網頁中的第一屏網頁內容； 接收網頁內容切換指令； 根據所述網頁內容切換指令，將所述第一屏網頁內容切換顯示為所述網頁中的第二屏 網頁內容，所述第一屏網頁內容和所述第二屏網頁內容是所述網頁中無縫銜接的兩個適應 整屏顯示的網頁內容。
2. 根據權利要求1所述的方法，其特徵在於，所述接收網頁內容切換指令，包括： 通過在觸控螢幕上觸發的滑動操作接收向上切換指令、向下切換指令、向左切換指令或 向右切換指令； 或， 通過預定按鍵或頁面引導元素接收向上切換指令、向下切換指令、向左切換指令或向 右切換指令。
3. 根據權利要求2所述的方法，其特徵在於，所述根據所述網頁內容切換指令，將所述 第一網頁內容切換顯示為所述網頁中的第二網頁內容，包括： 在所述網頁內容切換指令為向上切換指令或向左切換指令時，將所述第一屏網頁內容 切換顯示為所述網頁中位於所述第一屏網頁內容之後的第二屏網頁內容； 在所述網頁內容切換指令為向下切換指令或向右切換指令時，將所述第一屏網頁內容 切換顯示為所述網頁中位於所述第一屏網頁內容之前的第二屏網頁內容。
4. 根據權利要求1至3任一所述的方法，其特徵在於，所述顯示網頁中的第一網頁內容 之前，還包括： 將所述網頁中的網頁內容組織為依序無縫銜接且適應整屏顯示的至少2屏網頁內容。
5. 根據權利要求4所述的方法，其特徵在於，所述將所述網頁中的網頁內容組織為依 序無縫銜接且適應整屏顯示的至少2屏網頁內容之前，還包括： 將至少兩個網頁加載合併為所述網頁。
6. 根據權利要求1至3任一所述的方法，其特徵在於，所述根據所述網頁內容切換指 令，將所述第一屏網頁內容切換顯示為所述網頁中的第二屏網頁內容之後，還包括： 顯示所述第二屏網頁內容中的動畫元素，所述動畫元素用於引導視覺焦點。
7. -種網頁內容顯示裝置，其特徵在於，所述裝置包括： 第一顯示模塊，用於顯示網頁中的第一屏網頁內容； 接收模塊，用於接收網頁內容切換指令； 切換顯示模塊，用於根據所述網頁內容切換指令，將所述第一屏網頁內容切換顯示為 所述網頁中的第二屏網頁內容，所述第一屏網頁內容和所述第二屏網頁內容是所述網頁中 無縫銜接的兩個適應整屏顯示的網頁內容。
8. 根據權利要求7所述的裝置，其特徵在於， 所述接收模塊，用於通過在觸控螢幕上觸發的滑動操作接收向上切換指令、向下切換指 令、向左切換指令或向右切換指令； 或， 所述接收模塊，用於通過預定按鍵或頁面引導元素接收向上切換指令、向下切換指令、 向左切換指令或向右切換指令。
9. 根據權利要求8所述的裝置，其特徵在於，所述切換顯示模塊，包括： 第一切換顯示單元，用於在所述網頁內容切換指令為向上切換指令或向左切換指令 時，將所述第一屏網頁內容切換顯示為所述網頁中位於所述第一屏網頁內容之後的第二屏 網頁內容； 第二切換顯示單元，用於在所述網頁內容切換指令為向下切換指令或向右切換指令 時，將所述第一屏網頁內容切換顯示為所述網頁中位於所述第一屏網頁內容之前的第二屏 網頁內容。
10. 根據權利要求7至9任一所述的裝置，其特徵在於，所述裝置，還包括： 組織模塊，用於將所述網頁中的網頁內容組織為依序無縫銜接且適應整屏顯示的至少 2屏網頁內容。
11. 根據權利要求10所述的裝置，其特徵在於，所述裝置，還包括： 加載合併模塊，用於將至少兩個網頁加載合併為所述網頁。
12. 根據權利要求7至9任一所述的裝置，其特徵在於，所述裝置，還包括： 第二顯示模塊，用於顯示所述第二屏網頁內容中的動畫元素，所述動畫元素用於引導 視覺焦點。
【文檔編號】G06F17/30GK104216944SQ201410327816
【公開日】2014年12月17日 申請日期:2014年7月10日 優先權日:2014年7月10日
【發明者】萬波, 周揚帆, 鄧聲春, 劉思敏, 李少鵬, 熊平 申請人:騰訊科技（深圳）有限公司