一種擴展瀏覽器焦點移動定製屬性及實現焦點移動的方法與流程
2023-06-15 08:21:06 1
本發明涉及嵌入式瀏覽器技術領域，尤其涉及一種擴展瀏覽器焦點移動定製屬性及實現焦點移動的方法。
背景技術：
目前瀏覽器已經是PC必備軟體，是我們獲取信息的最主要方式之一。最近幾年瀏覽器被配置到更多的嵌入式設備上，例如數位電視終端，成為這些設備進行信息交互的主要渠道。
不同於PC上使用鍵盤和滑鼠作為操作設備，數位電視終端的人機互動通常以遙控器作為輸入設備，只有有限的方向鍵和功能鍵供用戶使用，而最重要最常見的用戶操作就是在網頁上通過遙控器的方向鍵進行焦點的移動。在某些情況下，在設計製作數位電視網頁時，為了引導用戶交互行為或者為了彌補設計缺陷控制網頁效果，需要對用戶的焦點移動軌跡進行定製。現有的方法通常是採用網頁腳本的方式來實現焦點移動軌跡的定製，這種方式不但會增加網頁數據數量，同時給開發人員增加了開發難度。而且如果頁面中有較多的焦點移動軌跡要進行定製，會造成腳本數據量大、開發工作量大，同時還會導致網頁因為加載大數據的腳本而運行緩慢。
技術實現要素：
本發明的目的在於克服目前在嵌入式瀏覽器上實現焦點移動軌跡定製時存在的上述缺陷，提供了一種擴展瀏覽器焦點移動定製屬性及實現焦點移動的方法，該方法在網頁製作時對超連結節點添加焦點移動定製屬性，能夠幫助引導用戶交互行為，對用戶的焦點移動軌跡進行定製，同時也可以對由於網頁設計缺陷導致的不利於用戶進行焦點移動操作的網頁盲區等情況進行焦點移動定製化。該方法簡單穩定高效，相比於傳統技術，能夠降低網頁數據的吞吐量，減少開發難度和開發工作量。
為實現上述目的，本發明提供了一種擴展瀏覽器焦點移動定製屬性的方法，所述方法包括：
步驟S1)在瀏覽器內核層擴展瀏覽器超連結HTML標籤的屬性，增加焦點移動定製屬性；所述焦點移動定製屬性包括：當前焦點在上下左右四個方向上移動時定製的目標焦點屬性；
步驟S2)在瀏覽器內核層增加超連結HTML標籤的節點數據結構，用來存儲四個焦點移動定製屬性的值。
上述技術方案中，所述步驟S2)中的四個焦點移動定製屬性值等於當前焦點在上下左右四個方向上移動時定製的目標焦點的標識號或名稱。
基於上述方法在瀏覽器中擴展的焦點移動定製屬性，本發明還提供了一種實現焦點移動的方法，所述方法包括：
步驟T1)在當前節點的HTML標籤的屬性中增加焦點移動定製屬性；
步驟T2)網頁進行頁面數據的加載，瀏覽器內核對網頁內容進行解析，將解析得到的超連結HTML標籤中的焦點移動定製屬性值存儲到網頁節點的數據結構中；
步驟T3)操控遙控器方向鍵在S方向上對當前焦點進行移動；所述S方向是指遙控器方向鍵的上下左右四個方向的任意一個方向；
步驟T4)瀏覽器內核進行S方向上的焦點移動定製化查詢，確定目標焦點；
步驟T5)瀏覽器內核層將獲取的目標焦點信息傳遞到網頁UI層，網頁UI層從當前焦點切換到定製的目標焦點；網頁UI層更新網頁焦點元素信息，將目標焦點設為聚焦狀態，當前焦點改為非聚焦狀態。
上述技術方案中，所述步驟T1)中在當前節點增加的焦點移動定製屬性為瀏覽器內核擴展的四個焦點移動定製屬性的任意組合。
上述技術方案中，所述步驟T4)具體包括：
步驟201)當前焦點在S方向上進行移動操作時，獲取當前焦點對應該方向上的定製屬性值value；
步驟202)獲取當前焦點的標識號或名稱；
步驟203)將定製屬性值value與當前焦點的標識號或名稱進行比較，如果value等於當前焦點的標識號或者value等於當前焦點的名稱，確定當前焦點為目標焦點，轉入步驟T5)；
步驟204)遍歷當前頁面中的剩餘的超連結節點，得到一個候選超連結節點；
步驟205)獲取候選超連結節點的標識號或名稱；
步驟206)將定製屬性值value與候選超連結節點的標識號或名稱進行比較，如果value等於候選超連結節點的標識號或者value等於候選超連結節點的名稱，則確定該候選超連結節點為目標節點，轉入步驟207)，否則，轉到步驟204)；
步驟207)當目標節點為除當前焦點外的有效節點時，確定其為目標焦點轉入步驟T5)；否則，轉入步驟204)；直至遍歷完當前頁面中所有的超連結節點。
本發明的優點在於：本發明的方法簡單穩定高效，相比於傳統技術，只需要在 網頁上做輕量級的數據添加，可以有效地降低網頁數據的吞吐量，減少開發難度和開發工作量。
附圖說明
圖1為本發明提供的擴展瀏覽器焦點移動定製屬性的方法的流程圖；
圖2為本發明提供的實現焦點移動方法的運行時序流程圖；
圖3為本發明提供的焦點定製化移動查詢流程圖。
具體實施方式
下面結合附圖對本發明所述方法作進一步的描述。
如圖1所示，本發明提供了一種擴展瀏覽器焦點移動定製屬性的方法，所述方法包括：
步驟S1)在瀏覽器內核層擴展瀏覽器超連結HTML標籤的屬性，增加焦點移動定製屬性；所述焦點移動定製屬性包括：當前焦點在上下左右四個方向上移動時定製的目標焦點屬性；
步驟S2)在瀏覽器內核層增加超連結HTML標籤的節點數據結構，用來存儲四個焦點移動定製屬性的值；
所述焦點移動定製屬性值等於當前焦點在上下左右四個方向上移動時定製的目標焦點的標識號(id)或名稱(name)；當在任意一方向上焦點移動定製屬性的值等於當前節點的id或name，可以控制當前焦點在對應方向上不進行移動。
基於上述方法實現的在瀏覽器中擴展的焦點移動定製屬性，本發明還提供了一種實現焦點移動的方法，如圖2所示，所述方法包括：
步驟T1)在當前節點的HTML標籤的屬性中增加焦點移動定製屬性；
在當前節點增加的焦點移動定製屬性為瀏覽器內核擴展的四個焦點移動定製屬性的任意組合；
步驟T2)網頁進行頁面數據的加載，瀏覽器內核對網頁內容進行解析，將解析得到的超連結HTML標籤中的焦點移動定製屬性值存儲到網頁節點的數據結構中；
步驟T3)操控遙控器方向鍵在S方向上對當前焦點進行移動；
所述S方向是指遙控器方向鍵的上下左右四個方向的任意一個方向；
步驟T4)瀏覽器內核進行S方向上的焦點移動定製化查詢，確定目標焦點；
如圖3所示，所述步驟T4)具體包括：
步驟201)當前焦點在S方向上進行移動操作時，獲取當前焦點對應該方向上的定製屬性值value；
步驟202)獲取當前焦點的id或name；
步驟203)將定製屬性值value與當前焦點的id或name進行比較，如果value等於id或者value等於name，確定當前焦點為目標焦點，轉入步驟T5)；
步驟204)遍歷當前頁面中的剩餘的超連結節點，得到一個候選超連結節點；
步驟205)獲取候選超連結節點的id或name；
步驟206)將定製屬性值value與候選超連結節點的id或name進行比較，如果value等於id或者value等於name，則確定該候選超連結節點為目標節點，轉入步驟207)，否則，轉到步驟204)；
步驟207)當目標節點為除當前焦點外的有效節點時，確定其為目標焦點轉入步驟T5)；否則，轉入步驟204)；直至遍歷完當前頁面中所有的超連結節點。
步驟T5)瀏覽器內核層將獲取的目標焦點信息傳遞到網頁UI層，網頁UI層從當前焦點切換到定製的目標焦點；網頁UI層更新網頁焦點元素信息，將目標焦點設為聚焦狀態，當前焦點改為非聚焦狀態。
當瀏覽器具備了焦點移動定製化的功能後，在網頁設計製作時，如果要對當前節點的移動進行定製，則在當前節點的HTML標籤的屬性中增加焦點移動定製屬性就可以指定目標焦點，在瀏覽器運行時進行焦點的移動操作就可以定製當前節點的移動軌跡。
最後所應說明的是，以上實施例僅用以說明本發明的技術方案而非限制。儘管參照實施例對本發明進行了詳細說明，本領域的普通技術人員應當理解，對本發明的技術方案進行修改或者等同替換，都不脫離本發明技術方案的精神和範圍，其均應涵蓋在本發明的權利要求範圍當中。