一種嵌入式瀏覽器焦點(diǎn)查詢方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及嵌入式瀏覽器技術(shù)，尤其涉及一種嵌入式瀏覽器焦點(diǎn)查詢方法。
【背景技術(shù)】
[0002] Webkit作為一個(gè)開源的瀏覽器引擎，具有清晰的源碼結(jié)構(gòu)和極快的渲染速度，高 效穩(wěn)定、兼容性好，目前多數(shù)的嵌入式設(shè)備都使用了該引擎。但是它最初的設(shè)計(jì)是針對(duì)PC 端和可觸屏的手機(jī)終端，并沒有針對(duì)遙控器操控頁面作單獨(dú)的設(shè)計(jì)。
[0003] 由于在PC設(shè)備上，用戶普遍使用鼠標(biāo)或者軌跡球進(jìn)行頁面操作，但是智能電視的 操控普遍使用遙控器，而目前單純使用鍵盤或者遙控器按鍵進(jìn)行導(dǎo)航操作時(shí)，無法實(shí)現(xiàn)焦 點(diǎn)的正常移動(dòng)。即使從計(jì)算機(jī)鍵盤來看，單純使用Tab鍵的導(dǎo)航功能仍具有很大的局限性。 雖然有專利中設(shè)計(jì)了焦點(diǎn)處理框架，但是仍缺乏具體的頁面焦點(diǎn)查詢方法。

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

[0004] 本發(fā)明的目的是為了解決現(xiàn)有技術(shù)存在的上述不足，提供一種通過對(duì)DOM節(jié)點(diǎn)間 距離計(jì)算方法的優(yōu)化，實(shí)現(xiàn)智能電視用戶達(dá)到一次操控焦點(diǎn)移動(dòng)多行的一種嵌入式瀏覽器 焦點(diǎn)查詢方法。
[0005] 為實(shí)現(xiàn)上述目的，本發(fā)明提供了一種嵌入式瀏覽器焦點(diǎn)查詢方法，該方法包括：
[0006] 步驟1、根據(jù)當(dāng)前節(jié)點(diǎn)，確定所述當(dāng)前節(jié)點(diǎn)對(duì)應(yīng)的文檔對(duì)象模型DOM樹；
[0007] 步驟2、根據(jù)所述DOM樹對(duì)應(yīng)的渲染樹中所述當(dāng)前節(jié)點(diǎn)的位置信息，確定所述當(dāng)前 節(jié)點(diǎn)所在的矩形范圍；
[0008] 步驟3、根據(jù)所述矩形范圍，遍歷所述DOM樹獲取第一候選節(jié)點(diǎn)；
[0009] 步驟4、繼續(xù)遍歷所述DOM樹，查詢所述DOM樹中的剩余節(jié)點(diǎn)，確定目標(biāo)節(jié)點(diǎn)；
[0010] 步驟5、當(dāng)所述目標(biāo)節(jié)點(diǎn)為除所述當(dāng)前節(jié)點(diǎn)外的有效節(jié)點(diǎn)時(shí)，根據(jù)預(yù)設(shè)焦點(diǎn)移動(dòng)步 長(zhǎng)N，確定目標(biāo)焦點(diǎn)。
[0011] 優(yōu)選地，在所述步驟5中，確定所述目標(biāo)焦點(diǎn)的方法，具體為：
[0012] 若焦點(diǎn)移動(dòng)步長(zhǎng)變量η等于1，則所述目標(biāo)節(jié)點(diǎn)為所述目標(biāo)焦點(diǎn)；若所述焦點(diǎn)移動(dòng) 步長(zhǎng)變量η大于1，則將所述焦點(diǎn)移動(dòng)步長(zhǎng)變量η減1后返回步驟3重新遍歷所述DOM樹。
[0013] 優(yōu)選地，其特征在于，在所述步驟5中，當(dāng)所述目標(biāo)節(jié)點(diǎn)為無效節(jié)點(diǎn)時(shí)，則返回步 驟3遍歷除所述DOM樹的其他DOM樹。
[0014] 優(yōu)選地，所述無效節(jié)點(diǎn)包括：不能聚焦的節(jié)點(diǎn)、空節(jié)點(diǎn)、不在屏幕范圍以內(nèi)的節(jié)點(diǎn) 和與所述當(dāng)前節(jié)點(diǎn)不同層次的節(jié)點(diǎn)。
[0015] 優(yōu)選地，所述步驟2還包括：若所述當(dāng)前節(jié)點(diǎn)不在屏幕可視范圍內(nèi)，則根據(jù)所述當(dāng) 前節(jié)點(diǎn)所在包含塊初始位置構(gòu)造一個(gè)虛擬矩形即虛焦點(diǎn)。
[0016] 優(yōu)選地，所述確定目標(biāo)節(jié)點(diǎn)的步驟，具體為：
[0017] 繼續(xù)遍歷所述DOM樹，查詢所述DOM樹中剩余的節(jié)點(diǎn)，若再次找到適合作為候選節(jié) 點(diǎn)的DOM節(jié)點(diǎn)，則將所述適合作為候選節(jié)點(diǎn)的DOM節(jié)點(diǎn)與之前的候選節(jié)點(diǎn)進(jìn)行比較，比較的 內(nèi)容包括所述適合作為候選節(jié)點(diǎn)的DOM節(jié)點(diǎn)與當(dāng)前節(jié)點(diǎn)的距離，將距離最小的節(jié)點(diǎn)設(shè)為目 標(biāo)節(jié)點(diǎn)。
[0018] 優(yōu)選地，所述確定目標(biāo)節(jié)點(diǎn)的步驟，還包括：比較所述適合作為候選節(jié)點(diǎn)的DOM節(jié) 點(diǎn)與所述當(dāng)前節(jié)點(diǎn)的位置關(guān)系；
[0019] 所述位置關(guān)系包括：完全對(duì)齊、部分對(duì)齊和非對(duì)齊。
[0020] 優(yōu)選地，在所述步驟2與所述步驟3之間，還包括：接收操作指令。
[0021] 優(yōu)選地，所述操作指令，包括：第一操作指令或第二操作指令；
[0022] 所述第一操作指令為所述當(dāng)前節(jié)點(diǎn)向左/右移動(dòng)的指令；
[0023] 所述第二操作指令為所述當(dāng)前節(jié)點(diǎn)向上/下移動(dòng)的指令。
[0024] 優(yōu)選地，所述步驟3中，在所述步驟3中，所述比較的內(nèi)容包括所述適合作為候選 節(jié)點(diǎn)的DOM節(jié)點(diǎn)與所述當(dāng)前節(jié)點(diǎn)的距離，具體為：
[0025] 當(dāng)接收所述第一操作指令時(shí)，所述適合作為候選節(jié)點(diǎn)的DOM節(jié)點(diǎn)和所述當(dāng)前節(jié)點(diǎn) 的距離通過以下公式獲取，= V^+7 + ? + 4>';
[0026] 當(dāng)接收所述第二操作指令時(shí)，所述適合作為候選節(jié)點(diǎn)的DOM節(jié)點(diǎn)和所述當(dāng)前節(jié)點(diǎn) 的距離通過以下公式獲取，Di^nce = ^x2+y: +4x + y.
[0027] 其中，Distance為所述適合作為候選節(jié)點(diǎn)的DOM節(jié)點(diǎn)與所述當(dāng)前節(jié)點(diǎn)的距離，X為 所述當(dāng)前節(jié)點(diǎn)與所述適合作為候選節(jié)點(diǎn)的DOM節(jié)點(diǎn)的水平距離，y為所述當(dāng)前節(jié)點(diǎn)與所述 適合作為候選節(jié)點(diǎn)的DOM節(jié)點(diǎn)的中心垂直距離。
[0028] 本發(fā)明該方法針對(duì)智能電視操控網(wǎng)頁的特殊性，根據(jù)設(shè)置焦點(diǎn)移動(dòng)的步長(zhǎng)，使智 能電視用戶達(dá)到一次操控焦點(diǎn)移動(dòng)多行的功能。并且優(yōu)化了 DOM節(jié)點(diǎn)間距離計(jì)算方法，使 用戶可以選擇更合適的目標(biāo)節(jié)點(diǎn)。有效的使智能電視網(wǎng)頁的操控變得更簡(jiǎn)單、更便捷，極大 地提升了用戶體驗(yàn)度。
【附圖說明】
[0029] 圖1為本發(fā)明實(shí)施例提供的一種嵌入式瀏覽器焦點(diǎn)查詢方法流程圖；
[0030] 圖2為本發(fā)明實(shí)施例提供的另一種嵌入式瀏覽器焦點(diǎn)查詢方法流程圖；
[0031] 圖3為本發(fā)明實(shí)施例提供的又一種嵌入式瀏覽器焦點(diǎn)查詢方法流程圖；
[0032] 圖4為本發(fā)明實(shí)施例提供的一種當(dāng)前節(jié)點(diǎn)與候選節(jié)點(diǎn)的位置關(guān)系示意圖；
[0033] 圖5為本發(fā)明實(shí)施例提供的另一種當(dāng)前節(jié)點(diǎn)與候選節(jié)點(diǎn)的位置關(guān)系示意圖；
【具體實(shí)施方式】
[0034] 為使本發(fā)明實(shí)施例的技術(shù)方案以及優(yōu)點(diǎn)表達(dá)的更清楚，下面通過附圖和實(shí)施例， 對(duì)本發(fā)明的技術(shù)方案做進(jìn)一步的詳細(xì)描述。
[0035] 圖1為本發(fā)明實(shí)施例提供的一種嵌入式瀏覽器焦點(diǎn)查詢方法流程圖，如圖1所示， 該方法包括：
[0036] 步驟1、根據(jù)當(dāng)前節(jié)點(diǎn)，確定當(dāng)前節(jié)點(diǎn)對(duì)應(yīng)的文檔對(duì)象模型DOM樹；
[0037] 步驟2、根據(jù)DOM樹對(duì)應(yīng)的渲染樹中當(dāng)前節(jié)點(diǎn)的位置信息，確定當(dāng)前節(jié)點(diǎn)所在的矩 形范圍；
[0038] 步驟3、根據(jù)矩形范圍，遍歷DOM樹獲取第一候選節(jié)點(diǎn)；
[0039] 步驟4、繼續(xù)遍歷DOM樹，查詢DOM樹中剩余的節(jié)點(diǎn)，確定目標(biāo)節(jié)點(diǎn)；
[0040] 步驟5、當(dāng)目標(biāo)節(jié)點(diǎn)為除當(dāng)前節(jié)點(diǎn)外的有效節(jié)點(diǎn)時(shí)，根據(jù)預(yù)設(shè)焦點(diǎn)移動(dòng)步長(zhǎng)N，確 定目標(biāo)焦點(diǎn)。
[0041] 需要說明的是，在焦點(diǎn)查詢過程中涉及到的DOM樹和渲染樹，來源于HTML網(wǎng)頁。 HTML網(wǎng)頁中的文字、圖片、控件等元素，在屏幕上都表現(xiàn)為一個(gè)個(gè)矩形方框（即焦點(diǎn)選中區(qū) 域），而這些頁面元素首先由HTML解析器在內(nèi)存中解析成一顆DOM樹，同時(shí)根據(jù)這顆DOM樹 來創(chuàng)建一顆布局渲染樹。布局繪制引擎首先利用布局模塊，使用渲染樹中的數(shù)據(jù)為頁面上 這些矩形方框計(jì)算大小尺寸和在頁面上的擺放位置，而通過呈現(xiàn)模塊將布局計(jì)算完畢的頁 面呈現(xiàn)給用戶。在網(wǎng)頁操控的過程中，焦點(diǎn)聚焦的核心即是每一個(gè)DOM節(jié)點(diǎn)，但是所聚焦的 矩形區(qū)域是由渲染節(jié)點(diǎn)決定的。
[0042] 具體地，步驟2還包括：若當(dāng)前節(jié)點(diǎn)不在屏幕可視范圍內(nèi)，則根據(jù)當(dāng)前節(jié)點(diǎn)所在包 含塊初始位置構(gòu)造一個(gè)虛擬矩形即虛焦點(diǎn)。
[0043] 本發(fā)明該方法針對(duì)智能電視操控網(wǎng)頁的特殊性，根據(jù)設(shè)置焦點(diǎn)移動(dòng)的步長(zhǎng)，使智 能電視用戶達(dá)到一次操控焦點(diǎn)移動(dòng)多行的功能。并且優(yōu)化了 DOM節(jié)點(diǎn)間距離計(jì)算方法，使 用戶可以選擇更合適的目標(biāo)節(jié)點(diǎn)。有效的使智能電視網(wǎng)頁的操控變得更簡(jiǎn)單、更便捷，極大 地提升了用戶體驗(yàn)度。
[0044] 圖2為本發(fā)明實(shí)施例提供的一種嵌入式瀏覽器焦點(diǎn)查詢方法流程圖，如圖2所示， 該方法還包括：
[0045] 在步驟5中，確定目標(biāo)焦點(diǎn)的方法，具體為：
[0046] 若焦點(diǎn)移動(dòng)步長(zhǎng)變量η等于1，則目標(biāo)節(jié)點(diǎn)為目標(biāo)焦點(diǎn)；若焦點(diǎn)移動(dòng)步長(zhǎng)變量η大 于1，則將焦點(diǎn)移動(dòng)步長(zhǎng)變量η減1后返回步驟3重新遍歷DOM樹。