CN106648368B - 用户接口界面操作方法及装置 - Google Patents
用户接口界面操作方法及装置 Download PDFInfo
- Publication number
- CN106648368B CN106648368B CN201611215214.6A CN201611215214A CN106648368B CN 106648368 B CN106648368 B CN 106648368B CN 201611215214 A CN201611215214 A CN 201611215214A CN 106648368 B CN106648368 B CN 106648368B
- Authority
- CN
- China
- Prior art keywords
- region
- auxiliary operation
- timer
- interface
- node
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请提出用户接口界面操作方法及装置。方法包括：检测到用户的操作工具进入了UI界面的一区域，在操作工具进入的区域周围的预设范围内搜索UI操作节点，若搜索到，将包含搜索到的所有UI操作节点在内的区域作为辅助操作区域，启动定时器；若在该定时器超时前，接收到针对辅助操作区域内的UI操作节点的更新请求，则等待到定时器到时时响应该更新请求。本申请保证了用户对UI界面内的操作目标的有效操作。
Description
技术领域
本发明涉及用户接口(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界面的区域为中心，以预设长度为半径的圆或者以预设长度为边长的方形。
以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明保护的范围之内。
Claims (8)
1.一种用户接口UI界面操作方法，其特征在于，该方法包括：
检测到用户的操作工具进入了UI界面的一区域，在操作工具进入的区域周围的预设范围内搜索UI操作节点，若搜索到，将包含搜索到的所有UI操作节点在内的区域作为辅助操作区域，启动定时器；
若在该定时器超时前，接收到针对辅助操作区域内的UI操作节点的更新请求，则等待到定时器到时时响应该更新请求；
所述UI界面为网页，所述UI操作节点为文档对象模型DOM节点。
2.根据权利要求1所述的方法，其特征在于，所述接收到针对辅助操作区域内的UI操作节点的更新请求之后、等待到定时器到时之前进一步包括：
检测到用户的操作工具进入了UI界面的另一区域，则删除所述定时器，并在操作工具进入的新区域周围的预设范围内搜索UI操作节点，若搜索到，将包含新搜索到的所有UI操作节点在内的区域作为新辅助操作区域，并启动新定时器，判断要更新的所述UI操作节点是否位于新辅助操作区域内，若位于，则等待至新定时器到时时，响应所述更新请求；否则，立即响应所述更新请求。
3.根据权利要求1所述的方法，其特征在于，所述用户的操作工具为：鼠标或者触摸手指。
4.根据权利要求1所述的方法，其特征在于，所述预设范围为以用户的操作工具进入UI界面的区域为中心，以预设长度为半径的圆或者以预设长度为边长的方形。
5.一种用户接口UI界面操作装置，其特征在于，该装置包括：
辅助操作区域确定模块：用于在检测到用户的操作工具进入了UI界面的一区域时，在操作工具进入的区域周围的预设范围内搜索UI操作节点，若搜索到，将包含搜索到的所有UI操作节点在内的区域作为辅助操作区域，将辅助操作区域的位置信息发送给辅助操作区域监测模块；所述UI界面为网页，所述辅助操作区域确定模块搜索的UI操作节点为文档对象模型DOM节点；
辅助操作区域监测模块：接收辅助操作区域确定模块发来的辅助操作区域的位置信息，针对该辅助操作区域启动定时器，若在该定时器超时前，接收到针对辅助操作区域内的UI操作节点的更新请求，则等待到定时器到时时响应该更新请求。
6.根据权利要求5所述的装置，其特征在于，所述辅助操作区域监测模块接收到针对辅助操作区域内的UI操作节点的更新请求之后、等待到定时器到时之前进一步包括：
接收到辅助操作区域确定模块发来的新辅助操作区域的位置信息，则删除针对原辅助操作区域的定时器，并启动针对该新辅助操作区域的新定时器，判断要更新的所述UI操作节点是否位于新辅助操作区域内，若位于，则等待至新定时器到时时，响应所述更新请求；否则，立即响应所述更新请求。
7.根据权利要求5所述的装置，其特征在于，所述辅助操作区域确定模块检测到的用户的操作工具为：鼠标或者触摸手指。
8.根据权利要求5所述的装置，其特征在于，所述辅助操作区域确定模块搜索针对的预设范围为以用户的操作工具进入UI界面的区域为中心，以预设长度为半径的圆或者以预设长度为边长的方形。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611215214.6A CN106648368B (zh) | 2016-12-26 | 2016-12-26 | 用户接口界面操作方法及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611215214.6A CN106648368B (zh) | 2016-12-26 | 2016-12-26 | 用户接口界面操作方法及装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN106648368A CN106648368A (zh) | 2017-05-10 |
| CN106648368B true CN106648368B (zh) | 2019-10-08 |
Family
ID=58827180
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201611215214.6A Active CN106648368B (zh) | 2016-12-26 | 2016-12-26 | 用户接口界面操作方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106648368B (zh) |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6219050B1 (en) * | 1997-07-16 | 2001-04-17 | Compuware Corporation | Bounce diagram: a user interface for graphical exploration of packet trace information |
| CN1739088A (zh) * | 2003-03-27 | 2006-02-22 | 国际商业机器公司 | 管理窗口的方法和设备 |
| CN101894136A (zh) * | 2010-06-13 | 2010-11-24 | 优视科技有限公司 | 基于移动终端的页面刷新处理方法及其系统 |
| CN103034727A (zh) * | 2012-12-19 | 2013-04-10 | 北京奇虎科技有限公司 | 对网页中的弹窗进行拦截处理的系统 |
| CN103425390A (zh) * | 2013-07-26 | 2013-12-04 | 华为软件技术有限公司 | 信息交互方法和装置 |
| CN104778226A (zh) * | 2015-03-26 | 2015-07-15 | 小米科技有限责任公司 | 网页内内容项屏蔽方法及装置 |
| KR20160039953A (ko) * | 2014-10-02 | 2016-04-12 | 엘지전자 주식회사 | 이동단말기 및 이동 단말기의 제어방법 |
| CN106095869A (zh) * | 2016-06-03 | 2016-11-09 | 腾讯科技（深圳）有限公司 | 广告信息处理方法、用户设备、后台服务器及系统 |
-
2016
- 2016-12-26 CN CN201611215214.6A patent/CN106648368B/zh active Active
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6219050B1 (en) * | 1997-07-16 | 2001-04-17 | Compuware Corporation | Bounce diagram: a user interface for graphical exploration of packet trace information |
| CN1739088A (zh) * | 2003-03-27 | 2006-02-22 | 国际商业机器公司 | 管理窗口的方法和设备 |
| CN101894136A (zh) * | 2010-06-13 | 2010-11-24 | 优视科技有限公司 | 基于移动终端的页面刷新处理方法及其系统 |
| CN103034727A (zh) * | 2012-12-19 | 2013-04-10 | 北京奇虎科技有限公司 | 对网页中的弹窗进行拦截处理的系统 |
| CN103425390A (zh) * | 2013-07-26 | 2013-12-04 | 华为软件技术有限公司 | 信息交互方法和装置 |
| KR20160039953A (ko) * | 2014-10-02 | 2016-04-12 | 엘지전자 주식회사 | 이동단말기 및 이동 단말기의 제어방법 |
| CN104778226A (zh) * | 2015-03-26 | 2015-07-15 | 小米科技有限责任公司 | 网页内内容项屏蔽方法及装置 |
| CN106095869A (zh) * | 2016-06-03 | 2016-11-09 | 腾讯科技（深圳）有限公司 | 广告信息处理方法、用户设备、后台服务器及系统 |
Non-Patent Citations (1)
| Title |
|---|
| 基于用户体验的网页交互设计研究;田梦琦;《中国优秀硕士学位论文全文数据库信息科技辑》;20160815(第08期);I139-161 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN106648368A (zh) | 2017-05-10 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| KR102455232B1 (ko) | 콘텍스트 기반 탭 관리를 위한 방법 및 전자 장치 | |
| CN107438814B (zh) | 移动设备及其方法和移动设备仿真器的方法 | |
| RU2522103C2 (ru) | Способ и браузер для уведомления об обновлении | |
| CN105843815B (zh) | 页面评论处理方法、装置和浏览器 | |
| CN106503134A (zh) | 浏览器跳转至应用程序的数据同步方法及装置 | |
| CN104426925B (zh) | 网页资源获取方法及装置 | |
| US20120197855A1 (en) | Method and Apparatus of Generating Internet Navigation Page | |
| CN106708502B (zh) | 网页处理方法和装置 | |
| CN106528659B (zh) | 浏览器跳转至应用程序的控制方法及装置 | |
| CN105868290B (zh) | 一种展现搜索结果的方法及装置 | |
| CN104035753A (zh) | 一种双WebView展示定制页面的方法及系统 | |
| CN103810176A (zh) | 一种网页信息的预取访问方法和装置 | |
| US20160316020A1 (en) | Web page information presentation method and system | |
| CN102117314A (zh) | 文档信息发送方法和装置 | |
| WO2018018882A1 (zh) | 一种语音播报方法及装置 | |
| CN104166741B (zh) | 网页浏览分析处理方法及装置 | |
| CN110851680A (zh) | 网络爬虫识别方法和装置 | |
| CN109240664A (zh) | 一种采集用户行为信息的方法及终端 | |
| CN113392358A (zh) | 静态资源的预加载方法及装置 | |
| CN107526748B (zh) | 一种识别用户点击行为的方法和设备 | |
| TWI474202B (zh) | 分析文件內容的方法、手持式電子裝置及電腦程式產品 | |
| CN101777067B (zh) | 一种用于移动通讯设备终端的网页内容识别管理系统 | |
| CN106648368B (zh) | 用户接口界面操作方法及装置 | |
| WO2015035899A1 (en) | Search methods and terminals | |
| CN104808913A (zh) | 事件响应方法和装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |