[发明专利]移动终端的网页刷新方法及装置有效

专利信息
申请号: 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类型。

对于上述方法,在一种可能的实现方式中,所述方法还包括:

在检测到针对所述网页的下拉事件被触发的情况下,判定检测到针对所述网页的用户下拉操作。

对于上述方法,在一种可能的实现方式中,根据所述用户下拉操作对所述网页进行刷新控制,包括:

在所述用户下拉操作对应的下拉距离大于第三预设值的情况下,对所述网页进行刷新。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京小米移动软件有限公司,未经北京小米移动软件有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201611144849.1/2.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top