一種網頁顯示方法及裝置的製作方法

2023-06-27 08:24:01

專利名稱：一種網頁顯示方法及裝置的製作方法
技術領域：
本發明涉及移動網際網路技術領域，特別是涉及一種網頁顯示方法及裝置。
背景技術：
在用戶使用便攜設備，如手機、PAD等，進行閱讀時，會根據閱讀的網頁的寬度時常使用轉屏來改變屏幕的顯示狀態，達到看到更多信息的目的，例如由豎屏顯示轉為橫屏顯示，以獲得網頁上更多的橫向信息，或者，由橫屏顯示轉為豎屏顯示，以獲得網頁上更多的縱向信息。這種轉屏的閱讀方式，在用戶瀏覽面向計算機屏幕製作的網頁時尤其頻繁。在通過轉動顯示屏改變屏幕的顯示狀態時，由於整個網頁的排版隨著屏幕顯示狀態的變化發生了巨大的變化，因此，如何在轉動改變屏幕的顯示狀態後定位轉動前用戶的閱讀區域，並在轉動後的屏幕顯示狀態下進行顯示成為關鍵的技術。現有技術中，在轉動顯示屏之前首先確定一個點，利用該點所屬節點來確定網頁中的某一節點，記錄下該節點在網頁中的第一位置；在轉動顯示屏改變屏幕的顯示狀態後找到該節點在新排版布局的網頁中的第二位置；算出該節點第一位置與第二位置之間的移動距離，然後按照該移動距離移動整個網頁進行顯示。然而，在上述網頁顯示方法中，由於通過某一節點來定位用戶閱讀區域的方式定位準確度較低，在轉屏後的屏幕顯示狀態下所顯示的網頁信息往往偏離了轉動前用戶閱讀的網頁信息，嚴重影響了用戶的閱讀體驗。

發明內容
本發明實施例中提供了一種網頁方法及裝置，能夠實現在屏幕顯示狀態發生變化時更準確地顯示變化前的網頁信息，提升用戶的閱讀體驗。為了解決上述技術問題，本發明實施例公開了如下技術方案:提供一種網頁顯示方法，包括:在第一網頁的顯示區域中確定參照區域，所述第一網頁為在顯示屏的第一顯示狀態下顯示的網頁，其中，所述參照區域的面積小於等於預設閾值；確定在所述第一網頁中位於所述參照區域的網頁元素；根據所述網頁元素在所述第一網頁中的坐標及其在第二網頁中的坐標計算所述第二網頁的移動位移，其中，所述第二網頁為在所述顯示屏由所述第一顯示狀態切換至第二顯示狀態後，在所述第二顯示狀態下顯示的所述網頁；根據所述第二網頁的移動位移移動所述第二網頁；顯示移動後的所述第二網頁。進一步，所述在第一網頁的顯示區域中確定參照區域，具體為:在所述第一網頁的顯示區域的左上角確定參照區域。進一步，所述參照區域的形狀為矩形。進一步，當在所述第一網頁中位於所述參照區域的網頁元素為多個時，在所述根據所述網頁元素在所述第一網頁中的坐標及其在第二網頁中的坐標計算所述第二網頁的移動位移之前，還包括:在多個所述網頁元素中選擇滿足篩選條件的第一網頁元素；所述根據所述網頁元素在所述第一網頁中的坐標及其在第二網頁中的坐標計算所述第二網頁的移動位移，具體為:根據所述第一網頁元素在所述第一網頁中的坐標及其在第二網頁中的坐標計算所述第二網頁的移動位移。進一步，所述在多個所述網頁元素中選擇滿足篩選條件的第一網頁元素，包括:在所述多個網頁元素中選擇寬度最小和/或與所述參照區域的重疊面積最大的網頁元素作為所述第一網頁元素。進一步，所述在多個所述網頁元素中選擇滿足篩選條件的第一網頁元素，包括:在所述多個網頁元素中選擇至少一個角位於所述參照區域內的網頁元素作為所述第一網頁元素。還提供了一種網頁顯示裝置，包括:區域確定單元，用於在第一網頁的顯示區域中確定參照區域，所述第一網頁為在顯示屏的第一顯示狀態下顯示的網頁，其中，所述參照區域的面積小於等於預設閾值；元素確定單元，用於確定在所述第一網頁中位於所述參照區域的網頁元素；位移計算單元，用於根據所述網頁元素在所述第一網頁中的坐標及其在第二網頁中的坐標計算所述第二網頁的移動位移，其中，所述第二網頁為在所述顯示屏由所述第一顯示狀態切換至第二顯示狀態後，在所述第二顯示狀態下顯示的所述網頁；網頁移動單元，用於根據所述第二網頁的移動位移移動所述第二網頁；顯示單元，顯示移動後的所述第二網頁。進一步，所述區域確定單元，具體用於在所述第一網頁的顯示區域的左上角確定參照區域。進一步，所述參照區域的形狀為矩形。進一步，所述裝置還包括:篩選單元，用於當在所述第一網頁中域的網頁元素為多個時，在所述位移計算單元計算所述第二網頁的移動位移之前，在多個所述網頁元素中選擇滿足篩選條件的第一網頁元素；所述位移計算單元，具體用於根據所述第一網頁元素在所述第一網頁中的坐標及其在第二網頁中的坐標計算所述第二網頁的移動位移。進一步，所述篩選單元，具體用於在所述多個網頁元素中選擇寬度最小和/或與所述參照區域的重疊面積最大的網頁元素作為所述第一網頁元素。進一步，所述篩選單元，具體用於在所述多個網頁元素中選擇至少一個角位於所述參照區域內的網頁元素作為所述第一網頁元素。本發明實施例中，通過設定參照區域對用於定位用戶閱讀區域的網頁元素進行限制，縮小了所選擇的網頁元素的佔用區域面積，增加了所選網頁元素的合理性，通過該網頁元素的選擇提高了定位用戶閱讀區域的準確度，進而在根據該網頁元素的位置移動計算網頁移動位移時，提高了網頁移動位移的準確性，實現了在屏幕顯示狀態發生變化時更準確地顯示變化前的網頁信息，減少了現有技術中由於定位不準導致的在轉屏後所顯示的網頁信息偏離轉動前用戶閱讀的網頁信息的情況，從而提升了用戶的閱讀體驗。


為了更清楚地說明本發明實施例或現有技術中的技術方案，下面將對實施例或現有技術描述中所需要使用的附圖作簡單地介紹，顯而易見地，對於本領域普通技術人員而言，在不付出創造性勞動性的前提下，還可以根據這些附圖獲得其他的附圖。圖1為本發明實施例一種網頁顯示方法的流程圖；圖2為本發明實施例另一種網頁顯示方法的流程圖；圖3a b為本發明實施例中網頁移動前後的示意圖；圖4為本發明實施例一種網頁顯示裝置的結構示意圖；圖5為本發明實施例另一種網頁顯示裝置的結構示意圖。
具體實施例方式現有技術的網頁顯示方法中，由於直接通過網頁中的任一節點來定位用戶閱讀區域的方式定位準確度較低，尤其是當所選擇的節點在網頁中所佔的區域面積較大時，準確度更低，在轉屏後的屏幕顯示狀態下所顯示的網頁信息往往會偏離轉動前用戶閱讀的網頁信息，嚴重影響用戶的閱讀體驗。基於此，本發明實施例通過設定一參照區域對網頁中參照的網頁元素(即現有技術中的節點)進行限制，增加了所選網頁元素的合理性，通過該網頁元素的選擇提高了定位用戶閱讀區域的準確度，減少了現有技術中由於定位不準導致的在轉屏後所顯示的網頁信息偏離轉動前用戶閱讀的網頁信息的情況，從而提升了用戶的閱讀體驗。為了使本技術領域的人員更好地理解本發明實施例中的技術方案，並使本發明實施例的上述目的、特徵和優點能夠更加明顯易懂，下面結合附圖對本發明實施例中技術方案作進一步詳細的說明。參見圖1，為本發明實施例一種網頁顯示方法的流程圖。該方法可以包括:步驟101，在第一網頁的顯示區域中確定參照區域。同一網頁在不同的顯示狀態下，如橫屏、豎屏顯示狀態下，可能會具有不同的排版布局，本發明實施例中，第一網頁和第二網頁分別表示同一網頁在不同顯示狀態下顯示的不同布局的頁面，該第一網頁為在顯示屏的第一顯示狀態下顯示的網頁，第二網頁為在顯示屏的第二顯示狀態下顯示的上述網頁。本發明實施例中，該顯示屏的第一顯示狀態可以是指橫屏和豎屏中的任一顯示狀態，顯示屏的第二顯示狀態為橫屏和豎屏中的另一顯示狀態。在本步驟中，在第一網頁的顯示區域中確定參照區域，具體的，該參照區域可以位於顯示區域的左上角，也即對應顯示屏的左上角，當然也可以位於顯示區域的中間位置或顯示區域的右上角等。該參照區域的形狀可以是任意形狀，優選矩形。為了避免後續選擇的網頁元素所佔用的區域面積過大而造成對用戶閱讀區域的定位不準，該用於框選網頁元素的參照區域的面積可以設置為小於等於預設閾值，該閾值可以根據網頁的排版分布情況、信息量情況、顯示區域的大小等進行確定，具體數值不做限定。步驟102，確定在第一網頁中位於上述參照區域的網頁元素。本步驟中，具體的可以根據參照區域在第一網頁中的坐標以及第一網頁內網頁元素的坐標確定位於參照區域內的網頁元素。其中，網頁元素是指構成網頁的基本元素，可以是文字、圖片、音頻、動畫、視頻等。若位於該參照區域的網頁元素只有一個，可以根據參照區域的網頁元素執行後續步驟；若位於該參照區域的網頁元素有多個，則可以任選其一，或根據一定的篩選條件在多個網頁元素中選擇網頁元素，然後根據選擇的網頁元素執行後續步驟，具體請參見後續實施例的描述。若沒有位於該參照區域的網頁元素，或沒有符合上述篩選條件的網頁元素，則可以擴大上述參照區域的面積，然後重複執行步驟102。本發明實施例中，所述的位於參照區域的網頁元素可以是包括完全位於該參照區域內的網頁元素，也還可以包括與該參照區域具有重疊區域的網頁元素。步驟103，根據網頁元素在第一網頁中的坐標及其在第二網頁中的坐標計算第二網頁的移動位移。其中，第二網頁為在顯示屏由第一顯示狀態切換至第二顯示狀態後，在第二顯示狀態下顯示的網頁。本步驟中，首先獲得網頁元素在第一網頁中的坐標，然後顯示屏切換至第二顯示狀態後，獲得該網頁元素在第二顯示狀態下的第二網頁中的坐標。然後根據該網頁元素在第一網頁的坐標及其在第二網頁的坐標，也可以結合第一網頁中顯示區域的左上角的頂點坐標，也即顯示屏的左上角在第一網頁中的坐標，計算第二網頁的移動位移，該移動位移的具體計算方法與現有技術類似，此處不再贅述。步驟104，根據第二網頁的移動位移移動第二網頁。在確定第二網頁的移動位移後，根據移動位移指示的移動方向和距離，整體移動第二網頁。步驟105，顯示移動後的第二網頁。本發明實施例中，通過設定參照區域對用於定位用戶閱讀區域的網頁元素進行限制，縮小了所選擇的網頁元素的佔用區域面積，增加了所選網頁元素的合理性，通過該網頁元素的選擇提高了定位用戶閱讀區域的準確度，進而在根據該網頁元素的位置移動計算網頁移動位移時，提高了網頁移動位移的準確性，實現了在屏幕顯示狀態發生變化時更準確地顯示變化前的網頁信息，減少了現有技術中由於定位不準導致的在轉屏後所顯示的網頁信息偏離轉動前用戶閱讀的網頁信息的情況，從而提升了用戶的閱讀體驗。參見圖2，為本發明實施例另一種網頁顯示方法的流程圖。該方法可以包括:步驟201，在第一網頁的顯示區域的左上角確定矩形參照區域。該步驟與前述實施例中的步驟101類似。本實施例中，該參照區域可以為20*20的矩形區域，該矩形參照區域位於第一網頁顯示區域的左上角，也即位於電子設備顯示屏的左上角。步驟202，確定在第一網頁中位於該矩形參照區域的網頁元素。
假設位於該矩形參照區域內及與該矩形參照區域具有重疊區域的網頁元素有多個。步驟203，在多個網頁元素中選擇滿足篩選條件的第一網頁元素。該選擇第一網頁元素的一種方式可以是在多個網頁元素中選擇寬度最小和/或與參照區域的重疊面積最大的網頁元素作為第一網頁元素。其中，選擇寬度最小的網頁元素的優先級要高於選擇與參照區域的重疊面積最大的網頁元素的優先級。該選擇第一網頁元素的另一方式可以是在多個網頁元素中選擇至少一個角位於參照區域內的網頁元素作為第一網頁元素。其中，該網頁元素的一個角可以是該網頁元素的左上角，或右上角，或左下角，或右下角。例如，網頁元素左上角落在矩形參照區域內的條件是，假設，屏幕最左上角定義為(0，0)。X正軸就是屏幕橫向，即沿屏幕從左往右的方向為X軸正向；y正軸就是屏幕縱向，即沿屏幕從上往下為y正軸正向。網頁元素左上角坐標X≥屏幕左上角坐標X並且網頁元素左上角坐標X≤屏幕左上角坐標X+網頁元素寬度，網頁元素左上角坐標y≥屏幕左上角坐標I並且網頁元素左上角坐標y ≤屏幕左上角坐標y+網頁元素高度。網頁元素右上角落在矩形參照區域內的條件是:網頁元素左上角坐標X+網頁元素寬度≥屏幕左上角坐標X並且網頁元素左上角坐標X+網頁元素寬度≤屏幕左上角坐標X+矩形參照區域寬度，網頁元素左上角坐標y≥屏幕左上角坐標y並且網頁元素左上角坐標y≤屏幕左上角坐標y+網頁元素高度。網頁元素左下角落在矩形參照區域內的條件是，網頁元素左上角坐標X≥屏幕左上角坐標X並且網頁元素左上角坐標X≤屏幕左上角坐標X+矩形參照區域寬度，網頁元素左上角坐標y+網頁元素高度≥屏幕左上角坐標I並且網頁元素左上角坐標y+網頁元素高度≤屏幕左上角坐標y+矩形參照區域高度網頁元素右下角落在矩形參照區域內的條件是，網頁元素左上角坐標X+網頁元素寬度≥屏幕左上角坐標X並且網頁元素左上角坐標X+網頁元素寬度≤屏幕左上角坐標X+矩形參照區域寬度，網頁元素左上角坐標y+網頁元素高度≥屏幕左上角坐標y並且網頁元素左上角坐標y+網頁元素高度 ≤屏幕左上角坐標y+矩形參照區域高度。步驟204，根據第一網頁元素在第一網頁中的坐標及其在第二網頁中的坐標計算第二網頁的移動位移。第一網頁的坐標系與第二網頁的坐標系相同，均可以以各自網頁的左上角為原點，以水平向右方向為X正軸方向，以垂直向下方向為Y軸方向等，單位坐標值相同。如圖3a所示，以第一網頁元素的左上角31位於矩形參照區域32為例進行說明，可以在確定出第一網頁元素後，首先根據第一網頁元素在第一網頁中的坐標及顯示屏的左上角在第一網頁中的坐標計算第一網頁元素與顯示屏左上角之間的距離33，該距離33對應在X軸上的距離為ΔΧ，對應在Y軸上的距離為ΔΥ。在顯示屏由豎屏狀態切換至橫屏狀態後，獲得該第一網頁元素在第二網頁中的坐標(X』，Y』)，以及顯示屏的左上角在第二網頁中的坐標，然後，將(X』 +ΔΧ，Υ』 +ΔΥ)的坐標點作為顯示屏左上角在第二網頁中的移動後的坐標，也即將顯示屏左上角在第二網頁中的坐標點到坐標為(X』 +ΔΧ，Υ』 +ΔΥ)的坐標點之間的位移作為第二網頁的移動位移。 步驟205，根據第二網頁的移動位移移動第二網頁。
步驟206，顯示移動後的第二網頁。如圖3b所示，移動後的第二網頁所顯示的內容與第一網頁所顯示的內容顯示位置相同，未發生偏移。步驟205 206與前述實施例類似。本發明實施例中，通過設定參照區域對用於定位用戶閱讀區域的網頁元素進行限制，並根據篩選條件對位於參照區域的網頁元素進行篩選，更增加了所選網頁元素的合理性，通過該網頁元素的選擇提高了定位用戶閱讀區域的準確度，進而在根據該網頁元素的位置移動計算網頁移動位移時，提高了網頁移動位移的準確性，實現了在屏幕顯示狀態發生變化時更準確地顯示變化前的網頁信息，提升了用戶的閱讀體驗。以上是對本發明方法實施例的描述，下面對實現上述方法的裝置進行說明。參見圖4，為本發明實施例一種網頁顯示裝置的結構示意圖。該裝置可以包括:區域確定單元401，用於在第一網頁的顯示區域中確定參照區域，所述第一網頁為在顯示屏的第一顯示狀態下顯示的網頁，其中，所述參照區域的面積小於等於預設閾值。元素確定單元402，用於確定在所述第一網頁中位於所述參照區域的網頁元素。位移計算單元403，用於根據所述網頁元素在所述第一網頁中的坐標及其在第二網頁中的坐標計算所述第二網頁的移動位移，其中，所述第二網頁為在所述顯示屏由所述第一顯示狀態切換至第二顯示狀態後，在所述第二顯示狀態下顯示的所述網頁。網頁移動單元404，用於根據所述第二網頁的移動位移移動所述第二網頁。顯示單元405，顯示移動後的所述第二網頁。區域確定單元401首先確定用於選擇網頁元素的參照區域，然後元素確定單元402確定位於該參照區域的網頁元素，在確定該網頁元素後，位移計算單元403根據該網頁元素在顯示屏顯示狀態切換前後的第一網頁和第二網頁中的坐標，也可以結合屏幕左上角在第一網頁和第二網頁中的坐標，計算第二網頁的移動位移，然後網頁移動單元404根據該移動位移移動第二網頁，最後由顯示單元405對移動後的第二網頁進行顯示。本發明實施例中，該裝置通過設定參照區域對用於定位用戶閱讀區域的網頁元素進行限制，縮小了所選擇的網頁元素的佔用區域面積，增加了所選網頁元素的合理性，通過該網頁元素的選擇提高了定位用戶閱讀區域的準確度，進而在根據該網頁元素的位置移動計算網頁移動位移時，提高了網頁移動位移的準確性，實現了在屏幕顯示狀態發生變化時更準確地顯示變化前的網頁信息，提升了用戶的閱讀體驗。參見圖5，為本發明實施例另一種網頁顯示裝置的結構示意圖。該裝置除了可以包括區域確定單元501、元素確定單元502、位移計算單元503、網頁移動單元504及顯示單元505之外,還可以包括篩選單元506。其中，區域確定單元501，具體可以用於在所述第一網頁的顯示區域的左上角確定參照區域。該參照區域的形狀可以為矩形。篩選單元506，用於當在所述第一網頁中域的網頁元素為多個時，在所述位移計算單元503計算所述第二網頁的移動位移之前，在多個所述網頁元素中選擇滿足篩選條件的第一網頁元素；在一具體實施例中，該篩選單元具體可以用於在所述多個網頁元素中選擇寬度最小和/或與所述參照區域的重疊面積最大的網頁元素作為所述第一網頁元素。在另一具體實施例中，該篩選單元具體可以用於在所述多個網頁元素中選擇至少一個角位於所述參照區域內的網頁元素作為所述第一網頁元素。位移計算單元503，具體用於根據所述第一網頁元素在所述第一網頁中的坐標及其在第二網頁中的坐標計算所述第二網頁的移動位移。本發明實施例中，該裝置通過設定參照區域對用於定位用戶閱讀區域的網頁元素進行限制，並根據篩選條件對位於參照區域的網頁元素進行篩選，更增加了所選網頁元素的合理性，通過該網頁元素的選擇提高了定位用戶閱讀區域的準確度，進而在根據該網頁元素的位置移動計算網頁移動位移時，提高了網頁移動位移的準確性，實現了在屏幕顯示狀態發生變化時更準確地顯示變化前的網頁信息，提升了用戶的閱讀體驗。本領域普通技術人員可以意識到，結合本文中所公開的實施例描述的各示例的單元及算法步驟，能夠以電子硬體、或者計算機軟體和電子硬體的結合來實現。這些功能究竟以硬體還是軟體方式來執行，取決於技術方案的特定應用和設計約束條件。專業技術人員可以對每個特定的應用來使用不同方法來實現所描述的功能，但是這種實現不應認為超出本發明的範圍。所屬領域的技術人員可以清楚地了解到，為描述的方便和簡潔，上述描述的系統、裝置和單元的具體工作過程，可以參考前述方法實施例中的對應過程，在此不再贅述。在本申請所提供的幾個實施例中，應該理解到，所揭露的系統、裝置和方法，可以通過其它的方式實現。例如，以上所描述的裝置實施例僅僅是示意性的，例如，所述單元的劃分，僅僅為一種邏輯功能劃分，實際實現時可以有另外的劃分方式，例如多個單元或組件可以結合或者可以集成到另一個系統，或一些特徵可以忽略，或不執行。另一點，所顯示或討論的相互之間的耦合或直接耦合或通信連接可以是通過一些接口，裝置或單元的間接耦合或通信連接，可以是電性，機械或其它的形式。所述作為分離部件說明的單元可以是或者也可以不是物理上分開的，作為單元顯示的部件可以是或者也可以不是物理單元，即可以位於一個地方，或者也可以分布到多個網絡單元上。可以根據實際的需要選擇其中的部分或者全部單元來實現本實施例方案的目的。另外，在本發明各個實施例中的各功能單元可以集成在一個處理單元中，也可以是各個單元單獨物理存在，也可以兩個或兩個以上單元集成在一個單元中。所述功能如果以軟體功能單元的形式實現並作為獨立的產品銷售或使用時，可以存儲在一個計算機可讀取存儲介質中。基於這樣的理解，本發明的技術方案本質上或者說對現有技術做出貢獻的部分或者該技術方案的部分可以以軟體產品的形式體現出來，該計算機軟體產品存儲在一個存儲介質中，包括若干指令用以使得一臺計算機設備(可以是個人計算機，伺服器，或者網絡設備等)或處理器(processor)執行本發明各個實施例所述方法的全部或部分步驟。而前述的存儲介質包括:U盤、移動硬碟、只讀存儲器(R0M，Read-Only Memory)、隨機存取存儲器(RAM, Random Access Memory)、磁碟或者光碟等各種可以存儲程序代碼的介質。以上所述，僅為本發明的具體實施方式
，但本發明的保護範圍並不局限於此，任何熟悉本技術領域的技術人員在本發明揭露的技術範圍內，可輕易想到變化或替換，都應涵蓋在本發明的保護範圍之內。因此，本發明的保護範圍應所述以權利要求的保護範圍為準。
權利要求
1.一種網頁顯示方法，其特徵在於，包括: 在第一網頁的顯示區域中確定參照區域，所述第一網頁為在顯示屏的第一顯示狀態下顯示的網頁，其中，所述參照區域的面積小於等於預設閾值； 確定在所述第一網頁中位於所述參照區域的網頁元素； 根據所述網頁元素在所述第一網頁中的坐標及其在第二網頁中的坐標計算所述第二網頁的移動位移，其中，所述第二網頁為在所述顯示屏由所述第一顯示狀態切換至第二顯示狀態後，在所述第二顯示狀態下顯示的所述網頁； 根據所述第二網頁的移動位移移動所述第二網頁； 顯示移動後的所述第二網頁。
2.根據權利要求1所述的方法，其特徵在於，所述在第一網頁的顯示區域中確定參照區域，具體為: 在所述第一網頁的顯示區域的左上角確定參照區域。
3.根據權利要求2所述的方法，其特徵在於，所述參照區域的形狀為矩形。
4.根據權利要求1至3中任意一項所述的方法，其特徵在於，當在所述第一網頁中位於所述參照區域的網頁元素為多個時，在所述根據所述網頁元素在所述第一網頁中的坐標及其在第二網頁中的坐標計算所述第二網頁的移動位移之前，還包括: 在多個所述網頁元素中選擇滿足篩選條件的第一網頁元素； 所述根據所述網頁元素在所述第一網頁中的坐標及其在第二網頁中的坐標計算所述第二網頁的移動位 移，具體為: 根據所述第一網頁元素在所述第一網頁中的坐標及其在第二網頁中的坐標計算所述第二網頁的移動位移。
5.根據權利要求4所述的方法，其特徵在於，所述在多個所述網頁元素中選擇滿足篩選條件的第一網頁元素，包括: 在所述多個網頁元素中選擇寬度最小和/或與所述參照區域的重疊面積最大的網頁元素作為所述第一網頁元素。
6.根據權利要求4所述的方法，其特徵在於，所述在多個所述網頁元素中選擇滿足篩選條件的第一網頁元素，包括: 在所述多個網頁元素中選擇至少一個角位於所述參照區域內的網頁元素作為所述第一網頁元素。
7.一種網頁顯示裝置，其特徵在於，包括: 區域確定單元，用於在第一網頁的顯示區域中確定參照區域，所述第一網頁為在顯示屏的第一顯示狀態下顯示的網頁，其中，所述參照區域的面積小於等於預設閾值； 元素確定單元，用於確定在所述第一網頁中位於所述參照區域的網頁元素； 位移計算單元，用於根據所述網頁元素在所述第一網頁中的坐標及其在第二網頁中的坐標計算所述第二網頁的移動位移，其中，所述第二網頁為在所述顯示屏由所述第一顯示狀態切換至第二顯示狀態後，在所述第二顯示狀態下顯示的所述網頁； 網頁移動單元，用於根據所述第二網頁的移動位移移動所述第二網頁； 顯示單元，顯示移動後的所述第二網頁。
8.根據權利要求7所述的裝置，其特徵在於，所述區域確定單元，具體用於在所述第一網頁的顯示區域的左上角確定參照區域。
9.根據權利要求8所述的裝置，其特徵在於，所述參照區域的形狀為矩形。
10.根據權利要求7至9中任意一項所述的裝置，其特徵在於，所述裝置還包括: 篩選單元，用於當在所述第一網頁中域的網頁元素為多個時，在所述位移計算單元計算所述第二網頁的移動位移之前，在多個所述網頁元素中選擇滿足篩選條件的第一網頁元素； 所述位移計算單元，具體用於根據所述第一網頁元素在所述第一網頁中的坐標及其在第二網頁中的坐標計算所述第二網頁的移動位移。
11.根據權利要求10所述的裝置，其特徵在於， 所述篩選單元，具體用於在所述多個網頁元素中選擇寬度最小和/或與所述參照區域的重疊面積最大的網頁元素作為所述第一網頁元素。
12.根據權利要求10所述的裝置，其特徵在於， 所述篩選單元，具體用於在所述多個網頁元素中選擇至少一個角位於所述參照區域內的網頁元素作為所述 第一網頁元素。
全文摘要
本發明實施例公開了一種網頁顯示方法及裝置。該網頁顯示方法包括在第一網頁的顯示區域中確定參照區域，所述第一網頁為在顯示屏的第一顯示狀態下顯示的網頁，其中，所述參照區域的面積小於等於預設閾值；確定在所述第一網頁中位於所述參照區域的網頁元素；根據所述網頁元素在所述第一網頁中的坐標及其在第二網頁中的坐標計算所述第二網頁的移動位移，其中，所述第二網頁為在所述顯示屏由所述第一顯示狀態切換至第二顯示狀態後，在所述第二顯示狀態下顯示的所述網頁；根據所述第二網頁的移動位移移動所述第二網頁；顯示移動後的所述第二網頁。本發明實施例中實現了在屏幕顯示狀態發生變化時更準確地顯示變化前的網頁信息，提升了用戶的閱讀體驗。
文檔編號G06F17/30GK103150361SQ201310061239
公開日2013年6月12日 申請日期2013年2月27日 優先權日2013年2月27日
發明者梁捷, 俞永福, 何小鵬, 朱順炎, 王曉振, 曾錦和 申請人:優視科技有限公司