網(wǎng)頁瀏覽器導航方法、網(wǎng)頁瀏覽器導航裝置和電視的制造方法
【專利摘要】本發(fā)明提供了一種網(wǎng)頁瀏覽器導航方法、一種網(wǎng)頁瀏覽器導航裝置和一種電視機，其中網(wǎng)頁瀏覽器導航裝置包括：獲取并解析當前載入的網(wǎng)頁的源文件，以得到所述網(wǎng)頁的樹狀文檔結(jié)構(gòu)；解析所述源文件，根據(jù)所述源文件的根據(jù)樹狀文檔結(jié)構(gòu)，將所述網(wǎng)頁識別為多級區(qū)域焦點；在接收到來自控制設(shè)備的控制指令時，根據(jù)所述控制指令按區(qū)域焦點對所述網(wǎng)頁進行導航，繪制并顯示當前導航的目標區(qū)域焦點。通過本發(fā)明的技術(shù)方案能夠簡化網(wǎng)頁瀏覽導航操作步驟，提高網(wǎng)頁瀏覽導航效率。
【專利說明】網(wǎng)頁瀏覽器導航方法、網(wǎng)頁瀏覽器導航裝置和電視機
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及電視【技術(shù)領(lǐng)域】，具體而言，涉及一種網(wǎng)頁瀏覽器導航方法、一種網(wǎng)頁瀏覽器導航裝置和一種具有該網(wǎng)頁瀏覽器導航裝置的電視機。
【背景技術(shù)】
[0002]現(xiàn)有的遙控器控制瀏覽網(wǎng)頁的方式，一般為圖1所示的在熱點間移動的瀏覽方式，圖中被灰色置底顯示的內(nèi)容即可以認為是一個熱點，按照圖1的顯示內(nèi)容，共計熱點41個左右，從頁面左上角到右下角最少按鍵次數(shù)為7次。因此，在瀏覽某些熱點過多的網(wǎng)頁時，操控極為不便，特別是目前電視瀏覽器使用遙控器控制時，瀏覽網(wǎng)頁均采用直接移動焦點的方式，操作效率非常低，要定位到相應(yīng)的熱點需要遙控器按多次甚至是幾十次才能夠移動到相應(yīng)的熱點位置。
[0003]因此，需要一種高效的導航方式，能夠快速移動到所需的熱點位置。

【發(fā)明內(nèi)容】

[0004]考慮到上述【背景技術(shù)】，本發(fā)明的一個目的是提供一種網(wǎng)頁瀏覽器導航技術(shù)，能夠高效瀏覽網(wǎng)頁。
[0005]有鑒于此，根據(jù)本發(fā)明的一個方面，提供了一種網(wǎng)頁瀏覽器導航方法，包括:獲取并解析當前載入的網(wǎng)頁的源文件，得到所述網(wǎng)頁的樹狀文檔結(jié)構(gòu)；根據(jù)所述樹狀文檔結(jié)構(gòu)，將所述網(wǎng)頁識別為多級區(qū)域焦點；在接收到來自控制設(shè)備的控制指令時，根據(jù)所述控制指令按區(qū)域焦點對所述網(wǎng)頁進行導航，繪制并顯示當前導航的目標區(qū)域焦點。
[0006]網(wǎng)頁的源文件能夠表現(xiàn)出網(wǎng)頁的樹狀文檔結(jié)構(gòu)，根據(jù)該樹狀文檔結(jié)構(gòu)可以將當前導入的網(wǎng)頁識別為多級區(qū)域焦點，區(qū)域焦點之間的關(guān)系類似于樹狀結(jié)構(gòu)關(guān)系。由于將網(wǎng)頁識別為多級區(qū)域焦點，因此，在導航時可以按照區(qū)域焦點進行導航，而不是按照熱點進行導航，并且在導航時可以按照區(qū)域焦點之間的層級關(guān)系進行導航，并不是無序?qū)Ш?。為了標識當前的導航位置，可以繪制當前的目標區(qū)域焦點并顯示，顯示效果類似于方形框，該方形框涵蓋了一個區(qū)域焦點所包含的內(nèi)容(例如多個熱點)。由于按照區(qū)域焦點進行導航，并不是逐個按照網(wǎng)頁中的熱點進行導航，因此可提高網(wǎng)頁瀏覽效率，并且由于按照網(wǎng)頁的樹狀文檔結(jié)構(gòu)來識別出區(qū)域焦點，因此在導航時能夠體現(xiàn)出各區(qū)域焦點的層級關(guān)系，導航順序清晰，無需用戶認知學習，能夠快速導航到相應(yīng)的目標位置。
[0007]根據(jù)本發(fā)明的另一方面，提供了一種網(wǎng)頁瀏覽器導航裝置，包括:獲取單元，用于獲取并解析當前載入的網(wǎng)頁的源文件，得到所述網(wǎng)頁的樹狀文檔結(jié)構(gòu)；識別單元，連接至所述獲取單元，用于根據(jù)所述樹狀文檔結(jié)構(gòu)，將所述網(wǎng)頁識別為多級區(qū)域焦點；導航單元，用于在接收到來自控制設(shè)備的控制指令時，根據(jù)所述控制指令按區(qū)域焦點對所述網(wǎng)頁進行導航；繪制單元，繪制并顯示當前導航的目標區(qū)域焦點。
[0008]網(wǎng)頁的源文件能夠表現(xiàn)出網(wǎng)頁的樹狀文檔結(jié)構(gòu)，根據(jù)該樹狀文檔結(jié)構(gòu)可以將當前導入的網(wǎng)頁識別為多級區(qū)域焦點，區(qū)域焦點之間的關(guān)系類似于樹狀結(jié)構(gòu)關(guān)系。由于將網(wǎng)頁識別為多級區(qū)域焦點，因此，在導航時可以按照區(qū)域焦點進行導航，而不是按照熱點進行導航，并且在導航時可以按照區(qū)域焦點之間的層級關(guān)系進行導航，并不是無序?qū)Ш健榱藰俗R當前的導航位置，可以繪制當前的目標區(qū)域焦點并顯示，顯示效果類似于方形框，該方形框涵蓋了一個區(qū)域焦點所包含的內(nèi)容(例如多個熱點)。由于按照區(qū)域焦點進行導航，并不是逐個按照網(wǎng)頁中的熱點進行導航，因此可提高網(wǎng)頁瀏覽效率，并且由于按照網(wǎng)頁的樹狀文檔結(jié)構(gòu)來識別出區(qū)域焦點，因此在導航時能夠體現(xiàn)出各區(qū)域焦點的層級關(guān)系，導航順序清晰，無需用戶認知學習，能夠快速導航到相應(yīng)的目標位置。
[0009]根據(jù)本發(fā)明的另一方面，還提供了一種電視機，包括上述技術(shù)方案中所述的網(wǎng)頁瀏覽器導航裝置。由于網(wǎng)頁瀏覽器導航裝置具有高效的導航功能，因此采用該網(wǎng)絡(luò)瀏覽器導航裝置的電視機能夠利用遙控器或鼠標準確且快速地定位到所需的內(nèi)容，操作簡便，提高了遙控器或鼠標瀏覽網(wǎng)頁的性能。
【專利附圖】

【附圖說明】
[0010]圖1示出了相關(guān)技術(shù)中的網(wǎng)頁瀏覽的示意圖；
[0011]圖2示出了根據(jù)本發(fā)明的實施例的網(wǎng)頁瀏覽器導航方法的流程圖；
[0012]圖3示出了根據(jù)本發(fā)明的實施例的網(wǎng)頁樹狀結(jié)構(gòu)的截屏示意圖；
[0013]圖4示出了根據(jù)本發(fā)明的實施例的網(wǎng)頁中的塊級元素的截屏示意圖；
[0014]圖5示出了根據(jù)本發(fā)明的實施例的網(wǎng)頁中的較大塊級元素的截屏示意圖；
[0015]圖6示出了圖5所示的塊級元素的下一級元素的截屏示意圖；
[0016]圖7示出了根據(jù)本發(fā)明的實施例的識別出的區(qū)域焦點截屏示意圖；
[0017]圖8A至圖8D示出了根據(jù)本發(fā)明的實施例的通過遙控器按鍵進行區(qū)域焦點移動的截屏示意圖；
[0018]圖9A示出了根據(jù)本發(fā)明的實施例的網(wǎng)頁中未被識別為區(qū)域焦點的大區(qū)域示意圖；
[0019]圖9B示出了根據(jù)本發(fā)明的實施例的在未識別出的區(qū)域焦點的位置上插入?yún)^(qū)域焦點的示意圖；
[0020]圖10示出了根據(jù)本發(fā)明的實施例的網(wǎng)頁瀏覽器導航裝置的示意圖。
【具體實施方式】
[0021]為了能夠更清楚地理解本發(fā)明的上述目的、特征和優(yōu)點，下面結(jié)合附圖和【具體實施方式】對本發(fā)明進行進一步的詳細描述。需要說明的是，在不沖突的情況下，本申請的實施例及實施例中的特征可以相互組合。
[0022]在下面的描述中闡述了很多具體細節(jié)以便于充分理解本發(fā)明，但是，本發(fā)明還可以采用其他不同于在此描述的其他方式來實施，因此，本發(fā)明并不限于下面公開的具體實施例的限制。
[0023]本文中出現(xiàn)的熱點是指網(wǎng)頁瀏覽過程中可獲得焦點的元素，由于網(wǎng)頁經(jīng)瀏覽器解析后為最終呈現(xiàn)為代碼，該代碼DOM有完整的樹狀結(jié)構(gòu)，一般常見的元素包括A標簽、各種可獲得焦點的Input元素、擁有Onclick等事件的元素、按鈕、圖片熱點等。在瀏覽器中置入熱點分析器完成對網(wǎng)頁具有熱點元素的識別。[0024]圖2示出了根據(jù)本發(fā)明的實施例的網(wǎng)頁瀏覽器導航方法的流程圖。
[0025]如圖2所示，根據(jù)本發(fā)明的實施例的網(wǎng)頁瀏覽器導航方法可以包括以下步驟:步驟202，獲取并解析當前載入的網(wǎng)頁的源文件，得到網(wǎng)頁的樹狀文檔結(jié)構(gòu)；步驟204，根據(jù)樹狀文檔結(jié)構(gòu)，將網(wǎng)頁識別為多級區(qū)域焦點；步驟206，在接收到來自控制設(shè)備的控制指令時，根據(jù)控制指令按區(qū)域焦點對網(wǎng)頁進行導航，繪制并顯示當前導航的目標區(qū)域焦點。
[0026]網(wǎng)頁的源文件能夠表現(xiàn)出網(wǎng)頁的樹狀文檔結(jié)構(gòu)，根據(jù)該樹狀文檔結(jié)構(gòu)可以將當前導入的網(wǎng)頁識別為多級區(qū)域焦點，區(qū)域焦點之間的關(guān)系類似于樹狀結(jié)構(gòu)關(guān)系。由于將網(wǎng)頁識別為多級區(qū)域焦點，因此，在導航時可以按照區(qū)域焦點進行導航，而不是按照熱點進行導航，并且在導航時可以按照區(qū)域焦點之間的層級關(guān)系進行導航，并不是無序?qū)Ш健榱藰俗R當前的導航位置，可以繪制當前的目標區(qū)域焦點并顯示，顯示效果類似于方形框，該方形框涵蓋了一個區(qū)域焦點所包含的內(nèi)容(例如多個熱點)。由于按照區(qū)域焦點進行導航，并不是逐個按照網(wǎng)頁中的熱點進行導航，因此可提高網(wǎng)頁瀏覽效率，并且由于按照網(wǎng)頁的樹狀文檔結(jié)構(gòu)來識別出區(qū)域焦點，因此在導航時能夠體現(xiàn)出各區(qū)域焦點的層級關(guān)系，導航順序清晰，無需用戶認知學習，能夠快速導航到相應(yīng)的目標位置。
[0027]在上述技術(shù)方案中，優(yōu)選的，根據(jù)所述樹狀文檔結(jié)構(gòu)，將所述網(wǎng)頁識別為多級區(qū)域焦點的步驟具體包括:在解析所述源文件時，檢測所述源文件符合的標簽規(guī)范，并參考所述標簽規(guī)范獲取所述網(wǎng)頁的樹狀文檔結(jié)構(gòu)；根據(jù)所述樹狀文檔結(jié)構(gòu)逐一判斷網(wǎng)頁中的塊級元素是否包含熱點。
[0028]超文本標記語言是用于描述網(wǎng)頁的一種標記語言，并且目前已經(jīng)有多種超文本標記語言的規(guī)范版本，例如HTML4、HTML5，因此在解析網(wǎng)頁的源文件時，需要檢測當前網(wǎng)頁符合哪種標簽規(guī)范，標簽規(guī)范即超文本標記語言規(guī)范，當確定當前網(wǎng)頁的標簽規(guī)范后，結(jié)合該標簽規(guī)范來分析網(wǎng)頁的樹狀文檔結(jié)構(gòu)，從而得到網(wǎng)頁的樹狀文檔結(jié)構(gòu)。該樹狀文檔結(jié)構(gòu)中的主體部分是用戶可視的部分，在該主體部分中包含了多層塊級元素(如div)，因此在獲取當前網(wǎng)頁的樹狀文檔結(jié)構(gòu)之后，就可以獲取網(wǎng)頁中的每一塊級元素，然后判斷網(wǎng)頁中的塊級元素是否包含熱點，判斷是否包含熱點的原因是如果該塊級元素僅僅是一張圖片并沒有相應(yīng)的鏈接，就無需將其識別為一個區(qū)域焦點。由于本發(fā)明根據(jù)網(wǎng)頁的樹狀結(jié)構(gòu)來識別區(qū)域焦點，因此區(qū)域焦點之間的關(guān)系與樹狀結(jié)構(gòu)是有關(guān)聯(lián)的，區(qū)域焦點實際上也可以分為一級區(qū)域焦點和二級等多級區(qū)域焦點，例如某一級區(qū)域焦點對應(yīng)的塊級元素對應(yīng)于樹狀文檔結(jié)構(gòu)中的第二節(jié)點，則某二級區(qū)域焦點對應(yīng)的塊級元素對應(yīng)于樹狀文檔結(jié)構(gòu)中的第二節(jié)點下的子節(jié)點。
[0029]在上述任一技術(shù)方案中，優(yōu)選的，網(wǎng)頁瀏覽器導航方法還可以包括:判斷網(wǎng)頁中的塊級元素的尺寸是否大于第一預設(shè)尺寸，若是，則放棄將所述塊級元素識別為區(qū)域焦點，并對大于所述第一預設(shè)尺寸的塊級元素的下一級元素進行識別，將包含熱點的下一級元素識別為所述區(qū)域焦點。
[0030]如果塊級元素的尺寸大于區(qū)域的設(shè)定尺寸，說明該塊級元素的高度過大，那么對該塊級元素的下一級元素進行識別。
[0031]為了便于用戶能夠仔細瀏覽沒有熱點的網(wǎng)頁內(nèi)容，因此在確定所述網(wǎng)頁中的塊級元素的尺寸大于第二預設(shè)尺寸且所述塊級元素未包含熱點時，在已識別出的區(qū)域焦點之間且對應(yīng)于所述塊級元素的位置處插入?yún)^(qū)域焦點，以供導航。[0032]在上述任一技術(shù)方案中，優(yōu)選的，所述繪制所述區(qū)域焦點的步驟具體包括:根據(jù)所述目標區(qū)域焦點的尺寸以及預設(shè)顯示樣式，繪制所述目標區(qū)域焦點；將所述目標區(qū)域焦點建立為一個獨立塊級元素，并設(shè)置在所述網(wǎng)頁的最頂層，以透明方式顯示。
[0033]根據(jù)源文件能夠獲取塊級元素的尺寸大小，當確定該塊級元素可以識別為一個區(qū)域焦點時，則可將該塊級元素的尺寸作為對應(yīng)的區(qū)域焦點的尺寸。并且可以按照預設(shè)的顯示樣式來繪制該目標區(qū)域焦點，該顯示樣式包括顏色、線條的粗細等。當導航到相應(yīng)的區(qū)域焦點時，立刻繪制該區(qū)域焦點，并將繪制的區(qū)域焦點建立為一個獨立的塊級元素，這樣不會影響原來的網(wǎng)頁結(jié)構(gòu)，也不會改變原來的網(wǎng)頁結(jié)構(gòu)，以透明方式顯示繪制的區(qū)域焦點不會影響具體的顯示內(nèi)容，并且也能標識當前所定位到的區(qū)域焦點在網(wǎng)頁中的哪個位置。
[0034]在上述任一技術(shù)方案中，優(yōu)選的，根據(jù)所述控制指令按區(qū)域焦點對所述網(wǎng)頁進行導航的步驟具體包括:在接收到所述控制指令后，基于所述網(wǎng)頁中識別出的區(qū)域焦點之間的層級結(jié)構(gòu)關(guān)系，執(zhí)行與所述控制指令對應(yīng)的導航動作，以導航至所述目標區(qū)域焦點，其中，導航動作包括上下移動、左右移動、跳轉(zhuǎn)、進入和/或返回。
[0035]在前面已經(jīng)說明由于根據(jù)網(wǎng)頁的樹狀文檔結(jié)構(gòu)識別出區(qū)域焦點，故區(qū)域焦點之間也具有關(guān)聯(lián)關(guān)系，同一級的區(qū)域焦點可能有多個，每個區(qū)域焦點下也可能有多個二級區(qū)域焦點，因此，在導航時，根據(jù)控制設(shè)備例如遙控器發(fā)送過來的遙控指令，例如上下按鍵的按鍵信息、左右按鍵的按鍵信息，可以在識別出的區(qū)域焦點之間按照區(qū)域焦點之間的關(guān)系進行上下移動或左右移動，假設(shè)識別出的區(qū)域焦點之間的關(guān)系是區(qū)域焦點A的上面是區(qū)域焦點B，其左邊是區(qū)域焦點C，其右邊是區(qū)域焦點D，若當前導航到的位置是區(qū)域焦點A，接收到往左移的控制指令，則導航至區(qū)域焦點C，并顯示該區(qū)域焦點C，從而實現(xiàn)了區(qū)域焦點之間的導航控制。
[0036]下面結(jié)合圖3至圖7進一步說明根據(jù)本發(fā)明的實施例的網(wǎng)頁瀏覽器導航方法。
[0037]在網(wǎng)頁中，以DOM樹結(jié)構(gòu)表達HTML文檔，可以根據(jù)這一點建立網(wǎng)頁上各元素的平行關(guān)系、包含關(guān)系。在本實施例中以HTML5網(wǎng)頁作為例子進行說明。在HTML5中新增了主體結(jié)構(gòu)元素以及非主體結(jié)構(gòu)元素:
[0038]其中，HTML5主體結(jié)構(gòu)元素包括:article元素、section元素、nav元素、aside元素。article元素代表獨立的、完整的內(nèi)容，可獨立被外部引用section元素用于對頁面上的內(nèi)容進行分塊；nav元素表示頁面導航鏈接組；aside元素表示頁面或文章的附屬部分。HTML5的非結(jié)構(gòu)性元素,包括header元素、hgroup元素、footer元素、address元素,這些元素表示邏輯結(jié)構(gòu)和附加信息。
[0039]由此可見，HTML5的文檔結(jié)構(gòu)較清晰、明確，為根據(jù)網(wǎng)頁的樹狀文檔結(jié)構(gòu)識別出區(qū)域焦點提供了條件。
[0040]智能電視瀏覽器獲取網(wǎng)頁信息，經(jīng)過一定的分析，獲取用戶的控制方式，例如是使用鼠標、語音，還是使用遙控器，由于采用鼠標時可利用鼠標滾動方式來快速瀏覽網(wǎng)頁，因此即使網(wǎng)頁中熱點過多，也不會嚴重影響瀏覽效率，而在采用遙控器來操作網(wǎng)頁時，由于遙控器的按鍵限制，在網(wǎng)頁中熱點較多時，須不斷地觸按按鍵才能夠定位到所需的熱點上，因此操作效率非常低，故在確認用戶使用遙控器時，可優(yōu)先采用本實施例提供的網(wǎng)頁瀏覽方式，但并不是限定只在使用遙控器時才可以采用本實施例的網(wǎng)頁瀏覽方式，在使用鼠標或手勢或語音時，也可以采用本實施例的網(wǎng)頁瀏覽方式。[0041]如果網(wǎng)頁尺寸較大，網(wǎng)頁焦點較多，采用以下劃分區(qū)域進行瀏覽的方式能夠大大提高瀏覽效率；如果尺寸較小或者焦點數(shù)量在某一范圍內(nèi)，則可自動采取不劃分區(qū)域模式。
[0042]下面結(jié)合附圖開始詳細說明根據(jù)本發(fā)明的網(wǎng)絡(luò)導航方法:
[0043]1.判斷用戶當前瀏覽網(wǎng)頁控制方式，例如是鼠標、手勢或者遙控器按鍵中的哪一種。
[0044]2.若是遙控器按鍵的網(wǎng)頁控制方式，則對載入的網(wǎng)頁進行分析，包括檢測是否符合HTML5規(guī)范。
[0045]3.在確定網(wǎng)頁符合HTML5規(guī)范時，結(jié)合HTML5規(guī)范分析當前載入的網(wǎng)頁的文檔結(jié)構(gòu)。
[0046]4.根據(jù)文檔結(jié)構(gòu)及當前的顯示結(jié)果識別出網(wǎng)頁區(qū)域(即區(qū)域焦點)。
[0047]5.增加與識別出的區(qū)域相關(guān)的樣式代碼。
[0048]6.在網(wǎng)頁中增加區(qū)域代碼以及相關(guān)的控制代碼。
[0049]7.以上實現(xiàn)了通過遙控器按鍵在區(qū)域焦點之間的移動，當按下“0K鍵”后，分析該區(qū)域的內(nèi)部結(jié)構(gòu)，當區(qū)域內(nèi)的熱點數(shù)量少于某給定值、區(qū)域尺寸在某給定范圍內(nèi)、區(qū)域內(nèi)的對象為圖像或者沒有明確的子區(qū)域存在時，執(zhí)行熱點計算操作，否則對該區(qū)域分析所得的子區(qū)域執(zhí)行5?6步的操作；
[0050]8.在按下“0K”鍵進入某區(qū)域，在按下“返回鍵”時，退出該區(qū)域，并且焦點停留在當前區(qū)域。
[0051]針對上述步驟3，對網(wǎng)頁總體結(jié)構(gòu)進行識別，即根據(jù)網(wǎng)頁執(zhí)行的規(guī)范、DOM樹來對網(wǎng)頁的內(nèi)容布局完成分析，在瀏覽器中置入網(wǎng)頁結(jié)構(gòu)分析器完成，包括網(wǎng)頁是否使用框架、網(wǎng)頁中是否包含顯式結(jié)構(gòu)定義的標簽、網(wǎng)頁主要采用的定位方式為DIV塊定位或者表格定位、對DOM中接近頂層的DIV標簽在頁面上的呈現(xiàn)方式以及呈現(xiàn)尺寸分析等等。
[0052]如圖3所示，示出了當前載入網(wǎng)頁的源文件的結(jié)構(gòu)，通過分析源文件，能夠獲取網(wǎng)頁的樹狀文檔結(jié)構(gòu)。該頁在HTML5、CSS3標準檢測過程中檢測結(jié)果為符合HTML5規(guī)范，主體body部分是用戶可見的部分，網(wǎng)頁結(jié)構(gòu)分析器未發(fā)現(xiàn)使用主體結(jié)構(gòu)標簽，即判斷為隱式結(jié)構(gòu)，對body的下一級div進行識別，如圖中畫方框的代碼代表一個塊級元素。
[0053]針對上述步驟4，圖3中第一個方框中的塊級元素由于其沒有包含熱點，故忽略該塊級元素，不將其識別為區(qū)域焦點。
[0054]如圖4所示，塊級元素(即圖3中第二個方框中的塊級元素)404包含有熱點，且其尺寸為1498pxX44px(402)，即寬是1498個像素，高是44個像素，其尺寸小于預設(shè)尺寸值，符合邏輯，因此將其識別為一級區(qū)域焦點。
[0055]接下來識別圖3中的第三個塊級元素，如圖5所示，該塊級元素504的尺寸大小為960pxX6368px (502)，因此該塊級元素的尺寸大于預設(shè)尺寸值，放棄將其識別為一級區(qū)域焦點，則對其下的元素進行識別，如圖6所示。在該塊級元素504下一共有10個塊級元素602，且每一個DIV包含有熱點，尺寸均小于規(guī)定的預設(shè)尺寸，故該塊級元素504下的每一個DIV可以被識別為一級區(qū)域。
[0056]如此類推，識別出網(wǎng)頁的各個區(qū)域焦點，一級區(qū)域焦點下還有可能包含有二級區(qū)域焦點、三級區(qū)域焦點，在此不再贅述。
[0057]需說明的是，在區(qū)域焦點識別完成后，對同一級別的區(qū)域焦點所表示的矩形進行分析，判斷是否有重疊等情況，如果有重疊情況，可以將重疊的兩個區(qū)域焦點進行合并或?qū)⒅丿B部分進行重新劃分。
[0058]按照上述區(qū)域識別方法將圖1中所示的網(wǎng)頁進行區(qū)域識別后，得到如圖7所示的區(qū)域焦點劃分截屏示意圖。從圖7中可以看出，將網(wǎng)頁按照樹狀結(jié)構(gòu)進行劃分，得到15個區(qū)域焦點，用戶在導航時，若需定位到“軍事”該熱點，最多需要操作6次就能夠定位到所需的熱點位置，而對于圖1，則至少需要操作12次才能夠定位到所需的熱點位置，因此，采用根據(jù)本發(fā)明的網(wǎng)頁導航方法能夠極大地提高瀏覽效率，由于圖1中的熱點較少，因此對比相差的操作次數(shù)不是很多，如果網(wǎng)頁的熱點較多，更能突顯本發(fā)明的導航效率。
[0059]在對網(wǎng)頁進行區(qū)域焦點識別之后，可以開始區(qū)域焦點的繪制。區(qū)域焦點的繪制由置入瀏覽器的區(qū)域焦點繪制器完成。區(qū)域焦點繪制器的繪制處理過程包含但不限于如下:
[0060]第一步，插入有關(guān)區(qū)域的CSS代碼，用于定義區(qū)域的顯示樣式，在以下步驟中的塊級元素將采用該樣式顯示。
[0061]第二步，建立區(qū)域焦點div。區(qū)域焦點繪制在一個獨立的層(div)，不影響網(wǎng)頁原有的頁面結(jié)構(gòu)，該div設(shè)置最高的z-1ndex值(通過檢索網(wǎng)頁元素最高z-1ndex (該值表明具體在哪一層)值，然后加I設(shè)置為該div的z-1ndex值)，透明顯示，在該層內(nèi)移動按鍵的操作事件不傳遞到原有網(wǎng)頁。
[0062]第三步，在區(qū)域焦點div層內(nèi)。繪制一級區(qū)域焦點div，這些div會采用第一步中給定的樣式，將第一個區(qū)域焦點設(shè)置為激活狀態(tài)，在頁面生成的繪制效果如圖8A中的802所示。
[0063]第四步，完成二級、三級區(qū)域焦點的繪制。
[0064]第五步，插入?yún)^(qū)域焦點之間的控制script腳本代碼(將遙控器的控制指令與區(qū)域焦點的移動方向進行對應(yīng))，以實現(xiàn)區(qū)域焦點之間的移動。
[0065]第六步，完成繪制，在瀏覽器中顯示。
[0066]在解析出網(wǎng)頁的區(qū)域焦點的基礎(chǔ)上，可根據(jù)遙控器按鍵在區(qū)域焦點間進行移動，如圖SB所示，在圖8A的基礎(chǔ)上，在遙控器上按下移按鍵時，跳轉(zhuǎn)至同一級的下一個區(qū)域焦點804中，繼續(xù)按下移按鍵，繼續(xù)跳轉(zhuǎn)至同一級的下一個區(qū)域焦點906中，如圖SC所示。
[0067]當按下遙控器“0K”鍵后，如果該區(qū)域內(nèi)包含熱點或子區(qū)域，則進入該區(qū)域，定位在該區(qū)域內(nèi)第一個熱點上或子區(qū)域上，此時按下方向鍵，如圖8D所示，將在該區(qū)域內(nèi)部移動，此時移動至“財經(jīng)”熱點808。按下返回鍵退出，焦點重新定位到區(qū)域焦點上，當移動到區(qū)域邊界時，可考慮移動到同級別區(qū)域。
[0068]上述實施例中描述的通過遙控器按鍵瀏覽網(wǎng)頁的方式，焦點可分為區(qū)域級焦點以及網(wǎng)頁本身的熱點焦點，區(qū)域級焦點又可劃分為一級區(qū)域焦點、二級區(qū)域焦點、三級區(qū)域焦點等。劃分區(qū)域焦點的方法根據(jù)對網(wǎng)頁結(jié)構(gòu)的分析計算生成。其中步驟5、6步中提到的代碼為經(jīng)過計算后自動附加到瀏覽器中的代碼。
[0069]因此，根據(jù)本發(fā)明的網(wǎng)頁瀏覽器導航方法首先對網(wǎng)頁進行分析，劃分和設(shè)定區(qū)域，區(qū)域生成代碼和區(qū)域控制代碼由瀏覽器附加生成，不影響網(wǎng)頁本身的功能和結(jié)構(gòu)，用戶可在區(qū)域之間移動實現(xiàn)快速定位目標內(nèi)容，到達目標區(qū)域后，則進入該區(qū)域，執(zhí)行原有的網(wǎng)頁瀏覽方式。
[0070]需說明的是，在對網(wǎng)頁進行區(qū)域焦點識別之后，如果發(fā)現(xiàn)有網(wǎng)頁中有很大一塊面積區(qū)域并不能識別作為區(qū)域焦點，例如該區(qū)域是一篇文章，并且該文章的長度在占三個屏幕的大小，由于該文章不包含熱點，因此該區(qū)域不能被識別為區(qū)域焦點，在導航時，直接從該文章頂端的區(qū)域焦點直接跳轉(zhuǎn)到該文章結(jié)束端的區(qū)域焦點，用戶根本不能夠瀏覽該文章的內(nèi)容，為了便于用戶能夠瀏覽文章內(nèi)容，在已識別出的區(qū)域焦點之間的該文章區(qū)域處插入?yún)^(qū)域焦點，插入的兩個區(qū)域焦點之間的距離須小于一個屏幕的高度，并且每個插入的區(qū)域焦點的尺寸大小可以根據(jù)瀏覽器可顯示區(qū)域的高度進行設(shè)置，但不能超出一個顯示區(qū)域的高度(顯示樣式可以與識別出的區(qū)域焦點的樣式相同，也可以不相同)，這樣用戶能夠通過移動插入的區(qū)域焦點來瀏覽該文章，而不是直接跳轉(zhuǎn)至文章的末尾，該區(qū)域焦點的插入示意圖如圖9A至圖9B所示。
[0071]圖9A所示，在該圖中，網(wǎng)頁上下兩側(cè)為識別出的區(qū)域焦點，被置為灰色顯示，網(wǎng)頁中間是一篇高度遠大于屏幕高度的文章，需要分兩屏顯示，如果不對該文章的導航進行處理，則直接從文章上側(cè)的區(qū)域焦點跳轉(zhuǎn)至文章下側(cè)的區(qū)域焦點中，用戶看不到該文章中的具體內(nèi)容，為了解決這個問題，在文章的上下兩側(cè)識別出的區(qū)域焦點之間插入設(shè)置的區(qū)域焦點，如圖9B所示，圖9B中的902即插入的區(qū)域焦點，該區(qū)域焦點也作為一個獨立的層，置于網(wǎng)頁的最頂層，也同樣不會影響原來的網(wǎng)頁結(jié)構(gòu)。
[0072]圖10示出了根據(jù)本發(fā)明的實施例的網(wǎng)頁瀏覽器導航裝置的示意圖。
[0073]如圖10所示，根據(jù)本發(fā)明的實施例的網(wǎng)頁瀏覽器導航裝置100包括:解析單元102，用于獲取并解析當前載入的網(wǎng)頁的源文件，得到所述網(wǎng)頁的樹狀文檔結(jié)構(gòu)；識別單元104，連接至所述解析單元102，用于根據(jù)所述樹狀文檔結(jié)構(gòu)，將所述網(wǎng)頁識別為多級區(qū)域焦點；導航單元106，用于在接收到來自控制設(shè)備的控制指令時，根據(jù)所述控制指令按區(qū)域焦點對所述網(wǎng)頁進行導航；繪制單元108,繪制并顯示當前導航的目標區(qū)域焦點。
[0074]網(wǎng)頁的源文件能夠表現(xiàn)出網(wǎng)頁的樹狀文檔結(jié)構(gòu)，根據(jù)該樹狀文檔結(jié)構(gòu)可以將當前導入的網(wǎng)頁識別為多級區(qū)域焦點，區(qū)域焦點之間的關(guān)系類似于樹狀結(jié)構(gòu)關(guān)系。由于將網(wǎng)頁識別為多級區(qū)域焦點，因此，在導航時可以按照區(qū)域焦點進行導航，而不是按照熱點進行導航，并且在導航時可以按照區(qū)域焦點之間的層級關(guān)系進行導航，并不是無序?qū)Ш?。為了標識當前的導航位置，可以繪制當前的目標區(qū)域焦點并顯示，顯示效果類似于方形框，該方形框涵蓋了一個區(qū)域焦點所包含的內(nèi)容(例如多個熱點)。由于按照區(qū)域焦點進行導航，并不是逐個按照網(wǎng)頁中的熱點進行導航，因此可提高網(wǎng)頁瀏覽效率，并且由于按照網(wǎng)頁的樹狀文檔結(jié)構(gòu)來識別出區(qū)域焦點，因此在導航時能夠體現(xiàn)出各區(qū)域焦點的層級關(guān)系，導航順序清晰，無需用戶認知學習，能夠快速導航到相應(yīng)的目標位置。
[0075]在上述技術(shù)方案中，優(yōu)選的，所述解析單元102包括:檢測單元1022，用于在解析所述源文件時，檢測所述源文件符合的標簽規(guī)范，并參考所述標簽規(guī)范獲取所述源文件網(wǎng)頁的樹狀文檔結(jié)構(gòu)；所述識別單元104包括:第一判斷單元1042，用于根據(jù)所述樹狀文檔結(jié)構(gòu)逐一判斷網(wǎng)頁中的塊級元素是否包含熱點；區(qū)域焦點確定單元1044，用于將包含熱點的一個塊級元素識別為一個所述區(qū)域焦點。
[0076]超文本標記語言是用于描述網(wǎng)頁的一種標記語言，并且目前已經(jīng)有多種超文本標記語言的規(guī)范版本，例如HTML4、HTML5，因此在解析網(wǎng)頁的源文件時，需要檢測當前網(wǎng)頁符合哪種標簽規(guī)范，標簽規(guī)范即超文本標記語言規(guī)范，當確定當前網(wǎng)頁的標簽規(guī)范后，參考該標簽規(guī)范來分析網(wǎng)頁的樹狀文檔結(jié)構(gòu)，從而得到網(wǎng)頁的樹狀文檔結(jié)構(gòu)。該樹狀文檔結(jié)構(gòu)中的主體部分是用戶可視的部分，在該主體部分中包含了多層塊級元素(如div)，因此在獲取當前網(wǎng)頁的樹狀文檔結(jié)構(gòu)之后，就可以獲取網(wǎng)頁中的每一塊級元素，然后判斷網(wǎng)頁中的塊級元素是否包含熱點，判斷是否包含熱點的原因是如果該塊級元素僅僅是一張圖片并沒有相應(yīng)的鏈接，就無需將其識別為一個區(qū)域焦點。由于本發(fā)明根據(jù)網(wǎng)頁的樹狀結(jié)構(gòu)來識別區(qū)域焦點，因此區(qū)域焦點之間的關(guān)系與樹狀結(jié)構(gòu)是有關(guān)聯(lián)的，區(qū)域焦點實際上也可以分為一級區(qū)域焦點和二級等多級區(qū)域焦點，例如某一級區(qū)域焦點對應(yīng)的塊級元素對應(yīng)于樹狀文檔結(jié)構(gòu)中的第二節(jié)點，則某二級區(qū)域焦點對應(yīng)的塊級元素對應(yīng)于樹狀文檔結(jié)構(gòu)中的第二節(jié)點下的子節(jié)點。
[0077]在上述任一技術(shù)方案中，優(yōu)選的，所述識別單元104還包括:第二判斷單元1046，用于判斷網(wǎng)頁中的塊級元素的尺寸是否大于第一預設(shè)尺寸；所述區(qū)域焦點確定單元1044還用于在所述第二判斷單元1046確定所述塊級元素的尺寸大于所述第一預設(shè)尺寸時，放棄將所述塊級元素識別為區(qū)域焦點，并對大于所述第一預設(shè)尺寸的塊級元素的下一級元素進行識別，將包含熱點的下一級元素識別為所述區(qū)域焦點。
[0078]如果塊級元素的尺寸大于區(qū)域的設(shè)定尺寸，說明該塊級元素的高度過大，那么對該塊級元素的下一級元素進行識別。
[0079]在上述任一技術(shù)方案中，優(yōu)選的，所述繪制單元108還用于根據(jù)所述目標區(qū)域焦點的尺寸以及預設(shè)顯示樣式，繪制所述目標區(qū)域焦點，將所述目標區(qū)域焦點建立為一個獨立塊級元素，并設(shè)置在所述網(wǎng)頁的最頂層，以透明方式顯示。
[0080]根據(jù)源文件能夠獲取塊級元素的尺寸大小，當確定該塊級元素可以識別為一個區(qū)域焦點時，則可將該塊級元素的尺寸作為對應(yīng)的區(qū)域焦點的尺寸。并且可以按照預設(shè)的顯示樣式來繪制該目標區(qū)域焦點，該顯示樣式包括顏色、線條的粗細等。當導航到相應(yīng)的區(qū)域焦點時，立刻繪制該區(qū)域焦點，并將繪制的區(qū)域焦點建立為一個獨立的塊級元素，這樣不會影響原來的網(wǎng)頁結(jié)構(gòu)，也不會改變原來的網(wǎng)頁結(jié)構(gòu)，以透明方式顯示繪制的區(qū)域焦點不會影響具體的顯示內(nèi)容，并且也能標識當前所定位到的區(qū)域焦點在網(wǎng)頁中的哪個位置。
[0081]在上述任一技術(shù)方案中，優(yōu)選的，所述導航單元106還用于在接收到所述控制指令后，基于所述網(wǎng)頁中識別出的區(qū)域焦點之間的層級結(jié)構(gòu)關(guān)系，執(zhí)行與所述控制指令對應(yīng)的導航動作，以導航至所述目標區(qū)域焦點，其中，導航動作包括上下移動、左右移動、跳轉(zhuǎn)、進入和/或返回。
[0082]在前面已經(jīng)說明由于根據(jù)網(wǎng)頁的樹狀文檔結(jié)構(gòu)識別出區(qū)域焦點，故區(qū)域焦點之間也具有關(guān)聯(lián)關(guān)系，同一級的區(qū)域焦點可能有多個，每個區(qū)域焦點下也可能有多個第二級區(qū)域焦點，因此，在導航時，根據(jù)控制設(shè)備例如遙控器發(fā)送過來的遙控指令，例如上下按鍵的按鍵信息、左右按鍵的按鍵信息，可以在識別出的區(qū)域焦點之間按照區(qū)域焦點之間的關(guān)系進行上下移動或左右移動，假設(shè)識別出的區(qū)域焦點之間的關(guān)系是區(qū)域焦點A的上面是區(qū)域焦點B，其左邊是區(qū)域焦點C，其右邊是區(qū)域焦點D，若當前導航到的位置是區(qū)域焦點A，接收到往左移的控制指令，則導航至區(qū)域焦點C，并顯示該區(qū)域焦點C。
[0083]本發(fā)明還提供了一種電視機，包括如上述任一技術(shù)方案中所述的網(wǎng)頁瀏覽器導航裝置。由于網(wǎng)頁瀏覽器導航裝置具有高效的導航功能，因此采用該網(wǎng)絡(luò)瀏覽器導航裝置的電視機能夠利用遙控器或鼠標準確且快速地定位到所需的內(nèi)容，操作簡便，提高了遙控器或鼠標瀏覽網(wǎng)頁的性能。[0084]智能電視或者網(wǎng)絡(luò)電視瀏覽網(wǎng)頁，通過遙控器按鍵移動焦點，對于某些熱點過多的網(wǎng)頁，瀏覽極為不便，本發(fā)明在瀏覽器中對網(wǎng)頁結(jié)構(gòu)進行分析，通過識別區(qū)域，建立區(qū)域焦點，另外結(jié)合HTML5網(wǎng)頁標簽語義化的特點，能夠更為有效地建立區(qū)域焦點，在不影響網(wǎng)頁原有結(jié)構(gòu)的基礎(chǔ)上，附加生成區(qū)域焦點的控制，使用戶在區(qū)域間快速移動和定位，定位區(qū)域后，再進一步限定在該區(qū)域內(nèi)移動焦點來定位熱點鏈接或圖片，從而加快了導航速度。
[0085]以上所述僅為本發(fā)明的優(yōu)選實施例而已，并不用于限制本發(fā)明，對于本領(lǐng)域的技術(shù)人員來說，本發(fā)明可以有各種更改和變化。凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進等，均應(yīng)包含在本發(fā)明的保護范圍之內(nèi)。
【權(quán)利要求】
1.一種網(wǎng)頁瀏覽器導航方法，其特征在于，包括: 獲取并解析當前載入的網(wǎng)頁的源文件，得到所述網(wǎng)頁的樹狀文檔結(jié)構(gòu)； 根據(jù)所述樹狀文檔結(jié)構(gòu)，將所述網(wǎng)頁識別為多級區(qū)域焦點； 在接收到來自控制設(shè)備的控制指令時，根據(jù)所述控制指令按區(qū)域焦點對所述網(wǎng)頁進行導航，繪制并顯示當前導航的目標區(qū)域焦點。
2.根據(jù)權(quán)利要求1所述的網(wǎng)頁瀏覽器導航方法，其特征在于，所述根據(jù)所述樹狀文檔結(jié)構(gòu)，將所述網(wǎng)頁識別為多級區(qū)域焦點的步驟具體包括: 在解析所述源文件時，檢測所述源文件符合的標簽規(guī)范，并參考所述標簽規(guī)范獲取所述網(wǎng)頁的樹狀文檔結(jié)構(gòu)； 根據(jù)所述樹狀文檔結(jié)構(gòu)逐一判斷網(wǎng)頁中的塊級元素是否包含熱點； 將包含熱點的一個塊級元素識別為一個所述區(qū)域焦點。
3.根據(jù)權(quán)利要求2所述的網(wǎng)頁瀏覽器導航方法，其特征在于，還包括: 判斷網(wǎng)頁中的塊級元素的尺寸是否大于第一預設(shè)尺寸，若是，則放棄將所述塊級元素識別為區(qū)域焦點，并對大于所述第一預設(shè)尺寸的塊級元素的下一級元素進行識別，將包含熱點的下一級元素識別為所述區(qū)域焦點。
4.根據(jù)權(quán)利要求2所述的網(wǎng)頁瀏覽器導航方法，其特征在于，在確定所述網(wǎng)頁中的塊級元素的尺寸大于第二預設(shè)尺寸且所述塊級元素未包含熱點時，在已識別出的區(qū)域焦點之間且對應(yīng)于所述塊級元素的位置處插入?yún)^(qū)域焦點，以供導航。
5.根據(jù)權(quán)利要求1所述的網(wǎng)頁瀏覽器導航方法，其特征在于，所述繪制所述區(qū)域焦點的步驟具體包括: 根據(jù)所述目標區(qū)域焦點的尺寸以及預設(shè)顯示樣式，繪制所述目標區(qū)域焦點； 將所述目標區(qū)域焦點建立為一個獨立塊級元素，并設(shè)置在所述網(wǎng)頁的最頂層，以透明方式顯不。
6.根據(jù)權(quán)利要求1至5中任一項所述的網(wǎng)頁瀏覽器導航方法，其特征在于，根據(jù)所述控制指令按區(qū)域焦點對所述網(wǎng)頁進行導航的步驟具體包括: 在接收到所述控制指令后，基于所述網(wǎng)頁中識別出的區(qū)域焦點之間的層級結(jié)構(gòu)關(guān)系，執(zhí)行與所述控制指令對應(yīng)的導航動作，以導航至所述目標區(qū)域焦點，其中，導航動作包括上下移動、左右移動、跳轉(zhuǎn)、進入和/或返回。
7.—種網(wǎng)頁瀏覽器導航裝置，其特征在于，包括: 解析單元，用于獲取并解析當前載入的網(wǎng)頁的源文件，得到所述網(wǎng)頁的樹狀文檔結(jié)構(gòu)； 識別單元，連接至所述解析單元，用于根據(jù)所述樹狀文檔結(jié)構(gòu)，將所述網(wǎng)頁識別為多級區(qū)域焦點； 導航單元，用于在接收到來自控制設(shè)備的控制指令時，根據(jù)所述控制指令按區(qū)域焦點對所述網(wǎng)頁進行導航； 繪制單元，繪制并顯示當前導航的目標區(qū)域焦點。
8.根據(jù)權(quán)利要求7所述的網(wǎng)頁瀏覽器導航裝置，其特征在于，所述解析單元包括: 檢測單元，用于在解析所述源文件時，檢測所述源文件符合的標簽規(guī)范，并參考所述標簽規(guī)范獲取所述網(wǎng)頁的樹狀文檔結(jié)構(gòu)；所述識別單元包括: 第一判斷單元，用于根據(jù)所述樹狀文檔結(jié)構(gòu)逐一判斷網(wǎng)頁中的塊級元素是否包含熱占.區(qū)域焦點確定單元，用于將包含熱點的一個塊級元素識別為一個所述區(qū)域焦點； 第二判斷單元，用于判斷網(wǎng)頁中的塊級元素的尺寸是否大于第一預設(shè)尺寸； 所述區(qū)域焦點確定單元還用于在所述第二判斷單元確定所述塊級元素的尺寸大于所述第一預設(shè)尺寸時，放棄將所述塊級元素識別為區(qū)域焦點，并對大于所述第一預設(shè)尺寸的塊級元素的下一級元素進行識別，將包含熱點的下一級元素識別為所述區(qū)域焦點。
9.根據(jù)權(quán)利要求8所述的網(wǎng)頁瀏覽器導航裝置，其特征在于，在確定所述網(wǎng)頁中的塊級元素的尺寸大于第二預設(shè)尺寸且所述塊級元素未包含熱點時，在已識別出的區(qū)域焦點之間且對應(yīng)于所述塊級元素的位置處插入?yún)^(qū)域焦點，以供導航。
10.根據(jù)權(quán)利要求7所述的網(wǎng)頁瀏覽器導航裝置，其特征在于，所述繪制單元還用于根據(jù)所述目標區(qū)域焦點的尺寸以及預設(shè)顯示樣式，繪制所述目標區(qū)域焦點，將所述目標區(qū)域焦點建立為一個獨立塊級元素，并設(shè)置在所述網(wǎng)頁的最頂層，以透明方式顯示； 所述導航單元還用于在接收到所述控制指令后，基于所述網(wǎng)頁中識別出的區(qū)域焦點之間的層級結(jié)構(gòu)關(guān)系，執(zhí)行與所述控制指令對應(yīng)的導航動作，以導航至所述目標區(qū)域焦點，其中，導航動作包括上下移動、左右移動、跳轉(zhuǎn)、進入和/或返回。
11.一種電視機，其特征在于，包括如權(quán)利要求7至10中任一項所述的網(wǎng)頁瀏覽器導航>j-U ρ?α裝直。
【文檔編號】G06F17/30GK103473348SQ201310439735
【公開日】2013年12月25日 申請日期:2013年9月24日 優(yōu)先權(quán)日:2013年9月24日
【發(fā)明者】路玉太 申請人:青島海信電器股份有限公司