TW201327225A - 瀏覽器顯示子頁面的處理方法及瀏覽器 - Google Patents

Abstract

本發明提供一種顯示子頁面的瀏覽器，其存儲單元預存具有相應屬性的目標內容。頁面處理單元從該存儲單元中獲取該目標內容，並根據預設規則將獲取的第一介面的子頁面與該獲取的目標內容綁定。中央處理單元根據確定的對該第一介面的選擇操作的位置，確定被選擇的綁定子頁面的目標內容，並相應地在該第一介面上顯示第二介面以顯示該子頁面內容。本發明還提供一種顯示子頁面的處理方法。本發明的顯示子頁面的瀏覽器及處理方法將子頁面內容與操作集中到同一頁面上，減少用戶的運算元和發生誤操作的概率。

Description

瀏覽器顯示子頁面的處理方法及瀏覽器

本發明涉及網路技術，特別涉及瀏覽器顯示子頁面的處理方法及瀏覽器。

現在互聯網和軟體技術被廣泛應用，各行各業對網頁應用程式的需求日益增多，隨之產生的網站和基於B/S（瀏覽器/伺服器，Browser/Server）結構的系統層出不窮，給人們的日常生活和工作帶來方便。但由於顯示網頁的瀏覽器視窗大小有限，使得開發人員不得不將一些內容和操作在其他頁面中實現，這樣使用者必須鏈結到另外的頁面進行查看或操作，有時由於打開的視窗過多給使用者的使用帶來不便，甚至產生誤操作，瀏覽器運行速度也會因此下降。

有鑒於此，有必要提供一種瀏覽器顯示子頁面的處理方法及瀏覽器，將更多的網頁內容與操作集中到同一頁面上，能夠提高頁面使用效率，減少用戶的運算元和發生誤操作的概率。

本發明提供一種顯示子頁面的瀏覽器，包括：存儲單元，用於預存具有相應屬性的目標內容，該目標內容為綁定子頁面的標識內容。頁面處理單元，包括：目標內容獲取模組，用於從該存儲單元中獲取該目標內容。頁面綁定模組，用於獲取第一介面內容及相應的子頁面內容，並根據預設規則將該子頁面內容與該獲取的目標內容綁定，其中，該預設規則為根據獲取的該目標內容的屬性綁定該子頁面。及中央處理單元，包括：位置確定模組，用於根據對該第一介面的選擇操作確定該選擇操作的位置。控制模組，用於根據該確定的位置，確定被選擇的子頁面的目標內容，並相應地在該第一介面上顯示第二介面以顯示該子頁面內容。

本發明還提供一種瀏覽器顯示子頁面的處理方法，包括：

獲取對應的目標內容，其中，該目標內容為綁定子頁面的標識內容。

獲取第一介面內容及相應的子頁面內容，並根據預設規則將該子頁面內容與該獲取的目標內容綁定，其中，該預設規則為根據獲取的該目標內容的屬性綁定該子頁面。

根據對該第一介面的選擇操作確定該選擇操作的位置。

根據該確定的位置判斷綁定子頁面的目標內容是否被選擇。以及

當確定綁定子頁面的目標內容被選擇時，根據該被選擇的目標內容獲取綁定的子頁面的內容，並相應地在該第一介面上顯示第二介面以顯示該子頁面內容。

相對於現有技術，本發明提供的瀏覽器顯示子頁面的處理方法及瀏覽器，將瀏覽頁面的子頁面與目標內容相應地綁定，並通過操作焦點或游標懸停的位置的判斷相應地在原瀏覽頁面上顯示對應綁定的子頁面的內容，將多個頁面內容與操作集中到同一頁面上，從而提高頁面使用效率，實現頁面區域的可重複使用，減少用戶的運算元和發生誤操作的概率。

下面將結合附圖，對本發明作進一步的詳細說明。

請參見圖1，是一實施方式顯示子頁面的瀏覽器的結構示意圖。該瀏覽器10包括頁面處理單元12及中央處理單元13。存儲單元11用於預存多個目標內容。

頁面處理單元12包括目標內容獲取模組120、頁面控制模組121以及頁面綁定模組122。其中，目標內容獲取模組120用於讀取存儲單元11中存儲的多個目標內容。頁面綁定模組122用於獲取第一介面的內容及第一介面內的子頁面內容，並根據預設規則將子頁面內容與目標內容獲取模組120所獲取的目標內容綁定。其中，該第一介面顯示的內容為用戶需要瀏覽的頁面內容，該預設規則為根據獲取的目標內容的屬性綁定子頁面內容。進一步地，當頁面綁定模組122將目標內容與子頁面內容綁定後，該頁面控制模組121在該第一介面上進一步顯示該綁定子頁面內容的目標內容。在本實施方式中，該目標內容為設置有相應屬性的標籤。

如圖2所示，該瀏覽器10提供多個標籤，例如，屬性為“鏈結1”的標籤及屬性為“視頻2”的標籤。當目標內容獲取模組120從存儲單元11中獲取到兩個標籤時，頁面綁定模組122獲取“鏈結1”對應的子頁面內容，即第一鏈結內容，和“視頻2”對應的子頁面內容，即第二視頻內容，並相應地將該第一鏈結內容以及第二視頻內容與“鏈結1”和“視頻2”綁定，同時頁面控制模組121在該第一介面上顯示該標籤“鏈結1”和“視頻2”。

在本實施方式中，該存儲單元11中還預存一關系列表，該關系列表定義多個目標內容、用戶設置資訊以及用戶資訊的對應關係。頁面控制模組121還用於根據關系列表確定對應的用戶設置資訊，目標內容獲取模組120根據頁面控制模組121確定的用戶設置資訊讀取存儲單元11中的關系列表獲取該用戶設置資訊對應的目標內容。在本實施方式中，該用戶資訊包括已註冊的用戶名。當用戶需要瀏覽頁面內容時，該瀏覽器10在載入該需要瀏覽的頁面內容之前提供一用戶登錄介面，用戶通過該登錄介面輸入用戶名，頁面控制模組121獲取該輸入的用戶名，並讀取存儲單元11的關系列表以確定對應的用戶設置資訊。當頁面控制模組121在關系列表中所存儲的用戶資訊中未能夠獲取用戶通過登錄介面輸入的用戶名，則該頁面控制模組121未能夠確定對應的用戶設置資訊，目標內容獲取模組120則讀取存儲單元11中的關系列表，獲取全部的目標內容。

通過設置用戶設置資訊與目標內容的對應關係，該瀏覽器10可以根據不同用戶的用戶設置顯示對應的綁定子頁面內容的目標內容，以滿足不同用戶的需求，使瀏覽器10的顯示介面更加友好。

中央處理單元13包括位置確定模組130、控制模組131以及計算模組132。其中，位置確定模組130用於確定第一介面被操作的位置。例如，當用戶通過觸摸屏或滑鼠等輸入設備使當前頁面上的游標停止在一位置處時，該位置確定模組130則獲取該游標當前的位置以確定第一介面被操作的位置。控制模組131用於根據位置確定模組130所確定的位置，確定該操作位置是否顯示有綁定子頁面的目標內容。當確定該操作位置顯示有綁定子頁面的目標內容時，該控制模組131進一步獲取該目標內容綁定的子頁面內容，發送包括獲取的子頁面內容和操作位置的命令至計算模組132。計算模組132回應該控制模組131所發送的命令，根據子頁面內容計算顯示該子頁面內容所需的第二介面的面積，以及根據該操作位置計算該第二介面在該第一介面上的顯示區域。控制模組131根據計算模組132所計算的第二介面的面積及顯示區域在第一介面上的相應顯示區域顯示該包括子頁面內容的第二介面。

在本實施方式中，該第二介面在第一介面上以懸浮的方式顯示，並覆蓋第一介面相應位置處所顯示的內容。例如，當用戶控制滑鼠懸停到“鏈結1”位置處時，在對應位置處顯示第二介面，用以顯示該“鏈結1”所綁定的子頁面的內容，同時第二介面將第一介面相應位置處所顯示的內容覆蓋。

在本實施方式中，位置確定模組130還用於當顯示第二介面時，確定一新的操作動作的位置，控制模組131則根據該位置確定模組130確定的位置判斷該操作動作是否位於該第二介面。若確定該新的操作動作位於第二介面上時，控制模組131進一步地確定該操作動作所對應的功能，並相應地控制第二介面上所顯示的子頁面內容進行相應地操作。若確定該新的操作動作位於第一介面上時，則控制模組131隱藏該第二介面，恢復第一介面原來所顯示的內容。

請參見圖3，是一實施方式中的瀏覽器顯示子頁面的處理方法的流程圖。在本實施方式中，該存儲單元11中預存一關系列表，該關系列表定義多個目標內容、用戶設置資訊以及用戶資訊的對應關係。在本實施方式中，該用戶資訊包括已註冊的用戶名。當用戶需要瀏覽頁面內容時，該瀏覽器10在載入該需要瀏覽的頁面內容之前提供一用戶註冊介面，用戶通過該註冊介面輸入用戶名。該處理方法包括如下步驟：

步驟S300，頁面控制模組121根據關系列表確定用戶是否具有對應的用戶設置資訊，若有，則進入步驟S301，否則，進入步驟S311。

步驟S301，目標內容獲取模組120根據該頁面控制模組121確定的用戶設置資訊讀取存儲單元11中的關系列表以獲取該用戶設置資訊對應的目標內容。

步驟S302，頁面綁定模組122獲取第一介面內容及其具有的子頁面內容，並根據預設規則將該子頁面內容與目標內容獲取模組120所獲取的目標內容綁定。其中，該預設規則為根據獲取的目標內容的屬性綁定子頁面內容。

當頁面綁定模組122將目標內容與子頁面綁定後，該頁面控制模組121在該第一介面上顯示該綁定子頁面的目標內容。在本實施方式中，該目標內容為設置有相應屬性的標籤。

步驟S303，位置確定模組130根據用戶的操作確定第一介面被操作的位置。

例如，當用戶通過觸摸屏或滑鼠等輸入設備使當前頁面上的游標停止在一位置處時，該位置確定模組130則獲取該游標當前的位置以確定第一介面被操作的位置。

步驟S303，控制模組131根據位置確定模組130所確定的位置，確定該操作位置是否顯示有綁定子頁面內容的目標內容。若是，則進入步驟S304，否則，返回步驟S303。

步驟S304，當確定該操作位置顯示有綁定子頁面內容的目標內容時，該控制模組131獲取該目標內容綁定的子頁面內容，發送包括獲取的子頁面內容和操作位置的命令至計算模組132。

步驟S305，計算模組132回應該控制模組131所發送的命令，根據子頁面內容計算顯示該子頁面內容所需的第二介面的面積，以及根據該操作位置計算該第二介面在該第一介面上的顯示區域。

步驟S306，控制模組131根據計算模組132所計算的第二介面的面積及顯示區域在第一介面上的相應顯示區域顯示包括子頁面內容的第二介面。

在本實施方式中，該第二介面在第一介面上以懸浮的方式顯示，並覆蓋第一介面相應位置處所顯示的內容。

步驟S307，當顯示第二介面時，位置確定模組130根據一新的用戶操作動作確定該操作動作的位置，控制模組131則根據該位置確定模組130確定的位置判斷該操作動作是否位於該第二介面。若確定該新的操作動作位於第二介面上時，則進入步驟S308，否則，進入步驟S309。

步驟S308，控制模組131確定該操作動作所對應的功能，並相應地控制第二介面上所顯示的子頁面內容進行相應地操作。

步驟S309，當確定該新的操作動作位於第一介面上時，控制模組131隱藏該第二介面。

步驟S310，目標內容獲取模組120讀取存儲單元11以獲取全部的目標內容，並進入步驟S302。

使用上述的瀏覽器顯示子頁面的處理方法及瀏覽器，將瀏覽頁面的子頁面與目標內容相應地綁定，並通過操作焦點或游標懸停的位置的判斷相應地在原瀏覽頁面上顯示對應綁定的子頁面的內容，將多個頁面內容與操作集中到同一頁面上，從而提高頁面使用效率，實現頁面區域的可重複使用，減少用戶的運算元和發生誤操作的概率。

可以理解的是，對於本領域的普通技術人員來說，可以根據本發明的技術構思做出其他各種相應的改變與變形，而所有這些改變與變形都應屬於本發明權利要求的保護範圍。

10．．．瀏覽器

11．．．存儲單元

12．．．頁面處理單元

120．．．目標內容獲取模組

121．．．頁面控制模組

122．．．頁面綁定模組

13．．．中央處理單元

130．．．位置確定模組

131．．．控制模組

132．．．計算模組

20．．．第一介面

21．．．第二介面

22．．．標籤

圖1為一實施方式中的瀏覽器結構示意圖。

圖2為一實施方式中的瀏覽器顯示綁定子頁面的使用狀態示意圖。

圖3為一實施方式中的瀏覽器顯示子頁面的處理方法的流程圖。

10．．．瀏覽器

11．．．存儲單元

12．．．頁面處理單元

120．．．目標內容獲取模組

121．．．頁面控制模組

122．．．頁面綁定模組

13．．．中央處理單元

130．．．位置確定模組

131．．．控制模組

132．．．計算模組

Claims (10)

1. 一種顯示子頁面的瀏覽器，包括：
   存儲單元，用於預存具有相應屬性的多個目標內容；
   頁面處理單元，包括：
   目標內容獲取模組，用於從所述存儲單元中獲取所述目標內容；
   頁面綁定模組，用於獲取第一介面的內容及相應的子頁面內容，並根據預設規則將所述子頁面內容與所述獲取的目標內容綁定，其中，所述預設規則為根據獲取的所述目標內容的屬性綁定所述子頁面內容；及
   中央處理單元，包括：
   位置確定模組，用於根據對所述第一介面的操作確定所述操作位置；
   控制模組，用於根據所述確定的操作位置確定所述操作位置顯示有綁定子頁面的目標內容，以獲取所述目標內容綁定的子頁面內容，並相應地在所述第一介面上顯示包括所述子頁面內容的第二介面。
2. 根據申請專利範圍第1項所述之顯示子頁面的瀏覽器，其中，所述中央處理單元還包括計算模組，用於根據所述控制模組確定的子頁面內容計算顯示所述第二介面的面積，及根據所述位置確定模組確定的操作位置計算所述第二介面在所述第一介面上的顯示區域。
3. 根據申請專利範圍第1項所述之顯示子頁面的瀏覽器，其中，所述存儲單元用於存儲預定義的所述多個目標內容、用戶設置資訊以及用戶資訊對應關係的關系列表，所述頁面控制模組還用於根據所述關系列表確定對應的用戶設置資訊，並當所述頁面控制模組根據所述關系列表確定對應的用戶設置資訊時，所述目標內容獲取模組讀取所述關系列表獲取與所述頁面控制模組確定的用戶設置資訊對應的目標內容，當所述頁面控制模組根據所述關系列表未確定對應的用戶設置資訊時，所述目標內容獲取模組從所述存儲單元中獲取全部的目標內容。
4. 根據申請專利範圍第1項所述之顯示子頁面的瀏覽器，其中，所述目標內容為設置相應屬性的標籤。
5. 根據申請專利範圍第1項所述之顯示子頁面的瀏覽器，其中，所述位置確定模組還用於當顯示所述第二介面時確定一新的操作動作的位置，所述控制模組根據所述位置確定模組確定的操作位置判斷所述操作動作位於所述第一介面還是位於所述第二介面，並當確定所述操作動作位於第一介面時，所述控制模組隱藏所述第二介面；當確定所述操作動作位於第二介面時，所述控制模組根據所述操作動作執行對應功能，並控制更新所述第二介面所顯示的內容。
6. 一種瀏覽器顯示子頁面的處理方法，包括：
   獲取目標內容；
   獲取第一介面內容及相應的子頁面內容，並根據預設規則將所述子頁面內容與所述獲取的目標內容綁定，其中，所述預設規則為根據獲取的所述目標內容的屬性綁定所述子頁面內容；
   根據對所述第一介面的操作動作確定所述操作位置；
   根據所述操作位置判斷所述操作位置是否顯示有綁定子頁面內容的目標內容；以及
   當確定所述操作位置顯示有綁定子頁面內容的目標內容時，獲取所述目標內容綁定的子頁面內容；
   在所述第一介面上顯示包括所述子頁面內容的第二介面。
7. 根據申請專利範圍第6項所述之顯示子頁面的處理方法，其中，當顯示所述第二介面時，還包括：
   根據一新的操作動作確定所述操作動作的位置，並根據所述確定的操作位置判斷所述操作動作位於所述第一介面還是位於所述第二介面；
   當確定所述操作動作位於所述第一介面時，隱藏所述第二介面；當確定所述操作動作位於所述第二介面時，根據所述操作動作執行相應的功能。
8. 根據申請專利範圍第6項所述之顯示子頁面的處理方法，其中，當獲取目標內容之前，還包括：
   預存關系列表以定義多個目標內容、用戶設置資訊以及用戶資訊的對應關係；
   根據所述關系列表確定是否所述用戶資訊是否具有對應的用戶設置資訊，並當確定所述用戶資訊具有對應的用戶設置資訊時，獲取與所述用戶設置資訊對應的目標內容；當確定所述用戶資訊不具有對應的用戶設置資訊時，獲取所述全部目標內容。
9. 根據申請專利範圍第6項所述之顯示子頁面的處理方法，其中，當確定所述操作位置顯示有綁定子頁面內容的目標內容時，還包括：
   根據所述子頁面內容計算顯示所述第二介面的面積，及根據所述操作位置計算所述第二介面在所述第一介面上的顯示區域。
10. 根據申請專利範圍第6項所述之顯示子頁面的處理方法，其中，所述目標內容為設置相應屬性的標籤。