用戶接口界面操作方法及裝置與流程

本發明涉及用戶接口(UI，User Interface)界面技術領域，尤其涉及UI界面操作方法及裝置。

背景技術：

隨著網絡用戶數量逐年上升，互聯網資源種類越來越復雜，大型門戶網站內容越來越多，網站的結構越來越復雜，給用戶正常瀏覽網頁內容造成困擾。

用戶在PC(個人電腦)、TV(電視)、平板等各種設備上瀏覽網頁的過程中經常遇到如下問題：瀏覽網頁過程中會出現突然彈窗或開屏DOM(Document Object Model，文檔對象模型)，如：圖片、鏈接等，影響用戶對DOM變化前的操作目標進行操作。

目前已有的處理彈窗或開屏資源技術大多是通過正則匹配相關資源的URI(Uniform Resource Identifier，統一資源標識符)然后直接停止其運行。這種方法的缺陷是：

一、需要維護特征庫，這樣容易被新增的相關資源繞開進而不能有效阻止DOM變化；

二、一刀切地屏蔽所有匹配的URI資源導致的頁面DOM變化可能造成網頁排版混亂，影響網頁整體性的美觀度，另外，可能會影響合法合作方的利益和用戶的利益。

技術實現要素：

本發明提供UI界面操作方法及裝置，以保證用戶對UI界面內的操作目標的有效操作。

本發明的技術方案是這樣實現的：

一種用戶接口UI界面操作方法，該方法包括：

檢測到用戶的操作工具進入了UI界面的一區域，在操作工具進入的區域周圍的預設范圍內搜索UI操作節點，若搜索到，將包含搜索到的所有UI操作節點在內的區域作為輔助操作區域，啟動定時器；

若在該定時器超時前，接收到針對輔助操作區域內的UI操作節點的更新請求，則等待到定時器到時時響應該更新請求。

所述接收到針對輔助操作區域內的UI操作節點的更新請求之后、等待到定時器到時之前進一步包括：

檢測到用戶的操作工具進入了UI界面的另一區域，則刪除所述定時器，并在操作工具進入的新區域周圍的預設范圍內搜索UI操作節點，若搜索到，將包含新搜索到的所有UI操作節點在內的區域作為新輔助操作區域，并啟動新定時器，判斷要更新的所述UI操作節點是否位于新輔助操作區域內，若位于，則等待至新定時器到時時，響應所述更新請求；否則，立即響應所述更新請求。

所述UI操作節點為文檔對象模型DOM節點。

所述用戶的操作工具為：鼠標或者觸摸手指。

所述預設范圍為以用戶的操作工具進入UI界面的區域為中心，以預設長度為半徑的圓或者以預設長度為邊長的方形。

一種用戶接口UI界面操作裝置，該裝置包括：

輔助操作區域確定模塊：用于在檢測到用戶的操作工具進入了UI界面的一區域時，在操作工具進入的區域周圍的預設范圍內搜索UI操作節點，若搜索到，將包含搜索到的所有UI操作節點在內的區域作為輔助操作區域，將輔助操作區域的位置信息發送給輔助操作區域監測模塊；

輔助操作區域監測模塊：接收輔助操作區域確定模塊發來的輔助操作區域的位置信息，針對該輔助操作區域啟動定時器，若在該定時器超時前，接收到針對輔助操作區域內的UI操作節點的更新請求，則等待到定時器到時時響應該更新請求。

所述輔助操作區域監測模塊接收到針對輔助操作區域內的UI操作節點的更新請求之后、等待到定時器到時之前進一步包括：

接收到輔助操作區域確定模塊發來的新輔助操作區域的位置信息，則刪除針對原輔助操作區域的定時器，并啟動針對該新輔助操作區域的新定時器，判斷要更新的所述UI操作節點是否位于新輔助操作區域內，若位于，則等待至新定時器到時時，響應所述更新請求；否則，立即響應所述更新請求。

所述輔助操作區域確定模塊搜索的UI操作節點為文檔對象模型DOM節點。

所述輔助操作區域確定模塊檢測到的用戶的操作工具為：鼠標或者觸摸手指。

所述輔助操作區域確定模塊搜索針對的預設范圍為以用戶的操作工具進入UI界面的區域為中心，以預設長度為半徑的圓或者以預設長度為邊長的方形。

本申請通過監測用戶對UI界面的操作，當用戶進入UI界面的一區域時，在該區域周圍搜索UI操作節點，并確定輔助操作區域，延遲該輔助操作區域內針對UI操作節點的更新請求，從而保證了用戶對UI界面內的操作目標的有效操作。

附圖說明

圖1為本申請一實施例提供的UI界面操作方法流程圖

圖2為本申請另一實施例提供的UI界面操作方法流程圖

圖3為本申請實施例的UI界面操作裝置的組成示意圖。

具體實施方式

下面結合附圖及具體實施例對本發明再作進一步詳細的說明。

圖1為本申請一實施例提供的UI界面操作方法流程圖，其具體步驟如下：

步驟101：檢測到用戶的操作工具進入了UI界面的一區域，在操作工具進入的區域周圍的預設范圍內搜索UI操作節點，若搜索到，將包含搜索到的所有UI操作節點在內的區域作為輔助操作區域，啟動定時器。

其中，用戶的操作工具為：鼠標或者觸摸手指。

步驟102：若在該定時器超時前，接收到針對輔助操作區域內的UI操作節點的更新請求，則等待到定時器到時時響應該更新請求。

步驟102中，接收到針對輔助操作區域內的UI操作節點的更新請求之后、等待到定時器到時之前進一步包括：

檢測到用戶的操作工具進入了UI界面的另一區域，則刪除所述定時器，并在操作工具進入的新區域周圍的預設范圍內搜索UI操作節點，若搜索到，將包含新搜索到的所有UI操作節點在內的區域作為新輔助操作區域，并啟動新定時器，判斷要更新的所述UI操作節點是否位于新輔助操作區域內，若位于，則等待至新定時器到時時，響應所述更新請求；否則，立即響應所述更新請求。

其中，UI操作節點可為DOM節點。

圖2為本發明另一實施例提供的UI界面操作方法流程圖，其具體步驟如下：

步驟201：檢測到用戶的操作工具進入了UI界面的一區域，在操作工具進入的區域周圍的預設范圍內搜索DOM節點，若搜索到，將包含搜索到的所有DOM節點在內的區域作為輔助操作區域。

用戶的操作工具如：鼠標、手指等，用戶的操作工具進入UI界面的一區域例如：鼠標移動并停留至UI界面的一區域，或者手指觸摸并停留至UI界面的一區域，等等。其中，當鼠標移動或手指觸摸UI界面的一區域時，若鼠標或手指在該區域停留的時長大于預設時長(如：1秒)，則認為鼠標或手指停留在該區域，此時開始在該區域周圍的預設范圍內搜索DOM節點，以確定輔助操作區域。

預設范圍可以是以用戶的操作工具進入UI界面的區域為中心，以預設長度為半徑的圓或者以預設長度為邊長的方形，等等。

步驟202：啟動定時時長為預定義時長的定時器。

步驟203：若在該定時器超時前，接收到針對輔助操作區域內的DOM節點的更新請求，則等待到定時器到時時響應該更新請求。

即，在該定時器到時前，不響應該更新請求。

響應DOM節點的更新請求如：進行DOM節點渲染等。

需要說明的是，若在該定時器到時前，用戶的操作工具發生了移動進入了UI界面的另一區域，則此時需要刪除該定時器，并重新執行步驟201，從而產生一個新的輔助操作區域，此時，會重新定義一個新的定時器，此時，判斷步驟203中要更新的DOM節點是否位于新的輔助操作區域內，若是，則等待至新的定時器到時時，再響應針對該DOM節點的更新請求；否則，立即響應針對該DOM節點的更新請求。

以下給出本申請的應用示例：

用戶在瀏覽網頁過程中，將鼠標移至網頁上的某一區域，則在該區域周圍的預設范圍內搜索DOM節點，將包含所有搜索節點的區域作為輔助操作區域，同時啟動一個定時器，定時器的定時時長為預設的5秒；

在定時器到時前，接收到了針對輔助操作區域內的一個DOM節點的更新請求，則暫時不響應該更新請求，等待定時器到時時，再響應該更新請求。

可以看出：若針對DOM節點的更新請求為彈窗(例如：加載第三方資源如：商業廣告、宣傳鏈接等)或開屏DOM節點等，若立即響應該更新請求，可能會影響用戶對網頁上的操作目標的正常操作如：點擊網頁上的某一鏈接等，這樣，當檢測到用戶鼠標或手指移動并停留在網頁的一區域上時，先啟動一定時器，若在定時器到時前，用戶沒有對停留的網頁區域進行操作如：點擊鏈接等，則認為用戶沒有對網頁上的操作目標進行操作的需求，此時，可響應DOM節點更新請求了。

本申請實施例的有益技術效果如下：

無需維護特征庫，就可以在用戶對UI界面存在操作需求的時間段內屏蔽UI界面上的第三方資源，不干擾用戶對UI界面的正常操作；同時，在用戶對UI界面存在操作需求的時間段過后響應DOM節點的更新請求，也不影響第三方資源的加載，進一步提升了用戶體驗。另外，只在用戶存在操作需求的區域屏蔽第三方資源，維持了UI界面整體性的美觀度，且維護了合法合作方的利益和用戶的利益。

圖3為本申請實施例提供的UI界面操作裝置的組成示意圖，該裝置主要包括：輔助操作區域確定模塊31和輔助操作區域監測模塊32，其中：

輔助操作區域確定模塊31：用于在檢測到用戶的操作工具進入了UI界面的一區域時，在操作工具進入的區域周圍的預設范圍內搜索UI操作節點，若搜索到，將包含搜索到的所有UI操作節點在內的區域作為輔助操作區域，將輔助操作區域的位置信息發送給輔助操作區域監測模塊32。

輔助操作區域監測模塊32：接收輔助操作區域確定模塊31發來的輔助操作區域的位置信息，針對該輔助操作區域啟動定時器，若在該定時器超時前，接收到針對輔助操作區域內的UI操作節點的更新請求，則等待到定時器到時時響應該更新請求。

一實施例中，輔助操作區域監測模塊32接收到針對輔助操作區域內的UI操作節點的更新請求之后、等待到定時器到時之前進一步包括：

接收到輔助操作區域確定模塊31發來的新輔助操作區域的位置信息，則刪除針對原輔助操作區域的定時器，并啟動針對該新輔助操作區域的新定時器，判斷要更新的所述UI操作節點是否位于新輔助操作區域內，若位于，則等待至新定時器到時時，響應所述更新請求；否則，立即響應所述更新請求。

一實施例中，輔助操作區域確定模塊31搜索的UI操作節點為DOM節點。

一實施例中，輔助操作區域確定模塊31檢測到的用戶的操作工具為：鼠標或者觸摸手指。

一實施例中，輔助操作區域確定模塊31搜索針對的預設范圍為以用戶的操作工具進入UI界面的區域為中心，以預設長度為半徑的圓或者以預設長度為邊長的方形。

以上所述僅為本發明的較佳實施例而已，并不用以限制本發明，凡在本發明的精神和原則之內，所做的任何修改、等同替換、改進等，均應包含在本發明保護的范圍之內。