[发明专利]移动终端的网页刷新方法及装置有效
申请号: | 201611144849.1 | 申请日: | 2016-12-13 |
公开(公告)号: | CN106777075B | 公开(公告)日: | 2019-11-29 |
发明(设计)人: | 冷雪峰 | 申请(专利权)人: | 北京小米移动软件有限公司 |
主分类号: | G06F16/957 | 分类号: | G06F16/957 |
代理公司: | 11406 北京格罗巴尔知识产权代理事务所(普通合伙) | 代理人: | 白银环<国际申请>=<国际公布>=<进入 |
地址: | 100085 北京市海淀区清河*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 移动 终端 网页 刷新 方法 装置 | ||
本公开是关于一种移动终端的网页刷新方法及装置。该方法包括:在检测到针对移动终端的网页的用户下拉操作的情况下,获取第一全局变量的值;在所述第一全局变量的值不为第一预设值的情况下,将所述第一全局变量的值设置为所述第一预设值,并执行页面拉动操作;在检测到所述页面拉动操作执行完毕的情况下,将所述第一全局变量的值设置为第二预设值;根据所述用户下拉操作对所述网页进行刷新控制。在当前页面拉动操作执行完毕前,不会有新的页面拉动操作被执行,从而能够准确检测用户下拉操作的下拉位置,并能节省移动终端性能的开销,使下拉过程更顺畅,避免下拉过程出现卡顿现象,提升用户体验。
技术领域
本公开涉及移动终端技术领域,尤其涉及移动终端的网页刷新方法及装置。
背景技术
在通过移动终端浏览网页的过程中,常常需要刷新当前的内容。常见的刷新方式为用手指向下拖动网页进行刷新,也就是通常所说的下拉刷新。相关技术中,使用网页前端技术实现下拉刷新通过包括以下步骤:第一步,建立DOM(Document Object Model,文档对象模型)结构,包括一个外层组件(outter)以及一个嵌套在outter内的内存结构(inner)。当执行下拉刷新时,实际上拉动的是inner部分。第二步,监听outter的touchstart(触摸开始)事件,记录当前触点的pageY属性(即触点相对于HTML(HyperText Markup Language,超文本标记语言)文档的上边沿的位置),并将当前触点的pageY作为起始位置保存以备用。第三步,监听outter的touchmove(触摸移动)事件,当touchmove事件被触发时,执行页面拉动操作。第四步,监听outter的touchend(触摸结束)事件,当touchend事件被触发时,记录当前触点的pageY属性,并根据第二步保存的起始位置,计算出下拉距离,以判断是否执行刷新操作。
相关技术中,在inner滑动过程中,outter的touchmove事件不断地被触发。执行页面拉动操作会消耗一定的性能,并且会持续一小段时间。相关技术中,在inner滑动过程中,由于outter的touchmove事件被触发的频率很高,导致上一次的页面拉动操作还没有执行完毕,又执行了一次页面拉动操作,由此导致多次页面拉动操作同时进行,不仅造成滑动位置的检测不准确,还会导致移动终端性能极大的开销,从而使下拉过程出现卡顿现象。
发明内容
为克服相关技术中存在的问题,本公开提供一种移动终端的网页刷新方法及装置。
根据本公开实施例的第一方面,提供一种移动终端的网页刷新方法,包括:
在检测到针对移动终端的网页的用户下拉操作的情况下,获取第一全局变量的值;
在所述第一全局变量的值不为第一预设值的情况下,将所述第一全局变量的值设置为所述第一预设值,并执行页面拉动操作;
在检测到所述页面拉动操作执行完毕的情况下,将所述第一全局变量的值设置为第二预设值;
根据所述用户下拉操作对所述网页进行刷新控制。
对于上述方法,在一种可能的实现方式中,在获取第一全局变量的值之前,所述方法还包括:
创建所述第一全局变量。
对于上述方法,在一种可能的实现方式中,所述第一全局变量为boolean类型。
对于上述方法,在一种可能的实现方式中,所述方法还包括:
在检测到针对所述网页的下拉事件被触发的情况下,判定检测到针对所述网页的用户下拉操作。
对于上述方法,在一种可能的实现方式中,根据所述用户下拉操作对所述网页进行刷新控制,包括:
在所述用户下拉操作对应的下拉距离大于第三预设值的情况下,对所述网页进行刷新。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京小米移动软件有限公司,未经北京小米移动软件有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201611144849.1/2.html,转载请声明来源钻瓜专利网。