技術(shù)領(lǐng)域

本發(fā)明涉及交互式網(wǎng)絡(luò)電視(Internet?Protocol?Television，IPTV)技術(shù)和數(shù)字電視技術(shù)，特別涉及一種基于嵌入式瀏覽器的焦點(diǎn)移動(dòng)方法及裝置。

背景技術(shù)

隨著社會(huì)的進(jìn)步和用戶對(duì)高品質(zhì)生活追求的不斷提高，瀏覽器技術(shù)已經(jīng)進(jìn)入嵌入式系統(tǒng)的領(lǐng)域，無(wú)論是數(shù)字電視還是IPTV，甚至是手機(jī)平臺(tái)，都離不開(kāi)嵌入式瀏覽器的支持。

嵌入式系統(tǒng)有一些固有的特點(diǎn)：(1)中央處理器(Central?Processing?Unit，CPU)能力弱，功耗低，這些處理器的能力遠(yuǎn)遠(yuǎn)不如個(gè)人計(jì)算機(jī)(Personal?Computer，PC)的CPU；(2)內(nèi)存資源非常有限，在加上自身瀏覽器和其他一些附屬功能的空間占用，留給用戶使用的空間較少；(3)瀏覽器支持的網(wǎng)絡(luò)(WEB)特性相對(duì)較弱，一般只是支持有限的超文本標(biāo)記語(yǔ)言(Hyper?Text?Mark-up?Language，HTML)和功能非常有限的腳本語(yǔ)言；(4)內(nèi)容之間的遷移關(guān)系往往不同于普通PC上的有鼠標(biāo)配合的瀏覽器的展示。

圖1為現(xiàn)有的基于嵌入式瀏覽器的焦點(diǎn)移動(dòng)方法的流程圖。圖2為現(xiàn)有的焦點(diǎn)移動(dòng)方法中向下移動(dòng)焦點(diǎn)的示意圖?，F(xiàn)結(jié)合圖1及圖2，對(duì)現(xiàn)有的基于嵌入式瀏覽器的焦點(diǎn)移動(dòng)方法進(jìn)行說(shuō)明，具體如下：

步驟101：經(jīng)過(guò)瀏覽器排版引擎生成瀏覽頁(yè)面的排版(render)樹(shù)；

在用戶通過(guò)瀏覽器打開(kāi)某個(gè)待訪問(wèn)的瀏覽頁(yè)面時(shí)，瀏覽器解析上述待訪問(wèn)的瀏覽頁(yè)面，并生成排版(render)樹(shù)。其中，排版(render)樹(shù)包含了所有排版(render)節(jié)點(diǎn)，每個(gè)排版(render)節(jié)點(diǎn)中包含了用以表示該節(jié)點(diǎn)的位置、大小、顏色的信息；排版(render)節(jié)點(diǎn)中包含支持真焦點(diǎn)的節(jié)點(diǎn)和不支持真焦點(diǎn)的節(jié)點(diǎn)。

步驟102：根據(jù)移動(dòng)方向，在排版(render)樹(shù)上查找支持真焦點(diǎn)的所有節(jié)點(diǎn)；

真焦點(diǎn)指的是瀏覽器默認(rèn)的能夠畫(huà)出焦點(diǎn)框的節(jié)點(diǎn)，也就是固定的幾個(gè)標(biāo)簽，比如，a、input、botton、area、iframe等。

該步驟包括：步驟1021，在用戶按tab鍵(tabulator?key)或方向鍵移動(dòng)焦點(diǎn)時(shí)，瀏覽器根據(jù)接收到的用以表示移動(dòng)方向的指令，確定移動(dòng)方向；步驟1022，根據(jù)移動(dòng)方向，在排版(render)樹(shù)上查找所有支持真焦點(diǎn)的所有節(jié)點(diǎn)。

比如：圖2所示，節(jié)點(diǎn)A為當(dāng)前真焦點(diǎn)所在節(jié)點(diǎn)，節(jié)點(diǎn)B和節(jié)點(diǎn)C是向下移動(dòng)的過(guò)程中，節(jié)點(diǎn)A的下一行支持真焦點(diǎn)的所有節(jié)點(diǎn)，節(jié)點(diǎn)B和節(jié)點(diǎn)C的y軸坐標(biāo)相同，僅是x軸坐標(biāo)不同；節(jié)點(diǎn)D是向下移動(dòng)過(guò)程中，節(jié)點(diǎn)A的下一行不支持真焦點(diǎn)的節(jié)點(diǎn)，與節(jié)點(diǎn)B具有相同的y坐標(biāo)，不同的x坐標(biāo)；同理，節(jié)點(diǎn)E和節(jié)點(diǎn)G是向下移動(dòng)的過(guò)程中，節(jié)點(diǎn)B的下一行支持真焦點(diǎn)的所有節(jié)點(diǎn)，節(jié)點(diǎn)F及該行包含的其他節(jié)點(diǎn)(圖2中未示出)是向下移動(dòng)的過(guò)程中，節(jié)點(diǎn)B的下一行不支持真焦點(diǎn)的所有節(jié)點(diǎn)。

通過(guò)該步驟，遍歷該頁(yè)面對(duì)應(yīng)的排版(render)樹(shù)上的所有節(jié)點(diǎn)，支持真焦點(diǎn)的節(jié)點(diǎn)和不支持真焦點(diǎn)的節(jié)點(diǎn)，獲得排版(render)上支持真焦點(diǎn)的所有節(jié)點(diǎn)為節(jié)點(diǎn)B、節(jié)點(diǎn)C、節(jié)點(diǎn)E和節(jié)點(diǎn)G。

步驟103：通過(guò)比較支持真焦點(diǎn)的所有節(jié)點(diǎn)與當(dāng)前真焦點(diǎn)所在節(jié)點(diǎn)間的距離，確定焦點(diǎn)移動(dòng)的位置；

在排版(render)樹(shù)中，在移動(dòng)方向上，任選兩個(gè)支持真焦點(diǎn)的節(jié)點(diǎn)，計(jì)算上述兩個(gè)支持真焦點(diǎn)的節(jié)點(diǎn)與當(dāng)前真焦點(diǎn)所在節(jié)點(diǎn)之間的距離，比較上述兩個(gè)距離值，將距離較小的支持真焦點(diǎn)的節(jié)點(diǎn)作為備選節(jié)點(diǎn)，繼續(xù)比較其它支持真焦點(diǎn)的節(jié)點(diǎn)與當(dāng)前真焦點(diǎn)所在節(jié)點(diǎn)間的距離、與備選節(jié)點(diǎn)和當(dāng)前真焦點(diǎn)所在節(jié)點(diǎn)間的距離的大小，將排版(render)樹(shù)中與真焦點(diǎn)所在節(jié)點(diǎn)的距離最小的支持真焦點(diǎn)的節(jié)點(diǎn)作為焦點(diǎn)移動(dòng)后真焦點(diǎn)所在節(jié)點(diǎn)。

比如：首先，分別計(jì)算節(jié)點(diǎn)A與節(jié)點(diǎn)B間的距離、及節(jié)點(diǎn)A與節(jié)點(diǎn)C間的距離，比較上述兩個(gè)距離值的大小，將距離最小值對(duì)應(yīng)的節(jié)點(diǎn)作為備選節(jié)點(diǎn)，即節(jié)點(diǎn)B為備選節(jié)點(diǎn)；其次，計(jì)算節(jié)點(diǎn)A與節(jié)點(diǎn)E間的距離，比較節(jié)點(diǎn)A與節(jié)點(diǎn)B間的距離、及節(jié)點(diǎn)A與節(jié)點(diǎn)E間的距離，比較上述兩個(gè)距離值的大小，將距離最小值對(duì)應(yīng)的節(jié)點(diǎn)作為備選節(jié)點(diǎn)，即節(jié)點(diǎn)B仍為備選節(jié)點(diǎn)；最后，計(jì)算節(jié)點(diǎn)A與節(jié)點(diǎn)G間的距離，比較節(jié)點(diǎn)A與節(jié)點(diǎn)B間的距離、及節(jié)點(diǎn)A與節(jié)點(diǎn)G間的距離，比較上述兩個(gè)距離值的大小，將距離最小值對(duì)應(yīng)的節(jié)點(diǎn)作為焦點(diǎn)移動(dòng)后真焦點(diǎn)所在節(jié)點(diǎn)，即節(jié)點(diǎn)B為焦點(diǎn)移動(dòng)后真焦點(diǎn)所在節(jié)點(diǎn)。

根據(jù)上述實(shí)例可以看出，每次確定焦點(diǎn)移動(dòng)的位置時(shí)，都需要將真焦點(diǎn)所在節(jié)點(diǎn)與移動(dòng)方向上包含的所有支持真焦點(diǎn)的節(jié)點(diǎn)間的距離進(jìn)行一次計(jì)算和比較，以將距離最小值對(duì)應(yīng)的節(jié)點(diǎn)作為焦點(diǎn)移動(dòng)后真焦點(diǎn)所在節(jié)點(diǎn)。