用户接口界面操作方法及装置与流程

本发明涉及用户接口(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界面的区域为中心，以预设长度为半径的圆或者以预设长度为边长的方形。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明保护的范围之内。