浏览器页面的控制方法及装置的制造方法_2

文档序号:9375100阅读:来源:国知局
设阈值,加载模块在滑动距离超过第一预设阈值时,基于获取的第一地址信息,加载包含目标页面的缩略图的预览页面。由此,使得用户可以预览即将切换到的页面,减少了网络资源的消耗,方便了用户通过手势对移动终端进行控制,提高了用户与移动终端之间的交互体验。
【附图说明】
[0024]图1是根据本发明一个实施例的浏览器页面的控制方法的流程图。
[0025]图2是手机浏览器中显示的当前页面的示意图。
[0026]图3是用户访问当前页面之前访问的前一页面的示意图。
[0027]图4是手机浏览器中显示的预览页面的示意图。
[0028]图5是根据本发明另一个实施例的浏览器页面的控制方法的流程图。
[0029]图6是根据本发明一个具体实施例的浏览器页面的控制方法的流程图。
[0030]图7是根据本发明一个实施例的浏览器页面的控制装置的结构示意图。
[0031]图8是根据本发明另一个实施例的浏览器页面的控制装置的结构示意图。
【具体实施方式】
[0032]下面详细描述本发明的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,旨在用于解释本发明,而不能理解为对本发明的限制。
[0033]下面参考附图描述本发明实施例的浏览器页面的控制方法及装置。
[0034]图1是根据本发明一个实施例的浏览器页面的控制方法的流程图。
[0035]如图1所示,该浏览器页面的控制方法包括:
[0036]S101,接收用户在浏览器的当前页面中输入的滑
[0037]动操作,并确定滑动操作的滑动方向。
[0038]具体地,在用户通过手机浏览器浏览网页的过程中,如果接收到用户从触摸屏的边缘开始向左的触摸滑动,则可确定滑动操作的滑动方向为向左;如果接收到用户接收到用户从触摸屏的边缘开始向右的触摸滑动,则可确定滑动操作的滑动方向为向右。
[0039]S102,根据滑动方向和预先保存的滑动方向与切换指令的对应关系确定滑动操作对应的切换指令,并根据切换指令和当前页面获取目标页面的第一地址信息。
[0040]例如,假定预先保存的滑动方向与切换指令的对应关系为:滑动方向向右对应的切换指令为后退指令;滑动方向向左对应的切换指令为前进指令。如果接收到用户从触摸屏的左侧边缘开始向右的触摸滑动,可确定滑动操作的滑动方向为向右,然后,根据滑动方向与切换指令的对应关系可以确定当前滑动操作对应的切换指令为后退指令。
[0041]在本发明的一个实施例中,在确定滑动操作对应的切换指令后,可根据切换指令和当前页面获取目标页面的第一地址信息。具体而言,如果确定当前滑动操作对应的切换指令为前进指令,可获取当前页面中前进按钮对应的第一网页,并将第一网页作为目标页面,以及获取目标页面的第一地址信息。其中,第一网页为用户在访问当前页面之后访问的后一网页。
[0042]如果确定当前滑动操作对应的切换指令为后退指令,可获取当前页面中后退按钮对应的第二网页,并将第二网页作为目标页面,以及获取目标页面的第一地址信息。其中,第二网页为用户在访问当前页面之前访问的前一网页。
[0043]S103,获取滑动操作对应的第一滑动距离,并判断第一滑动距离是否超过第一预设阈值。
[0044]S104,如果第一滑动距离超过第一预设阈值,则基于获取的第一地址信息,加载包含目标页面的缩略图的预览页面。
[0045]其中,第一预设阈值是系统为加载预览页面预先设置的距离值。例如,第一预设阈值为移动终端的屏幕宽度的三分之一,在监控到滑动操作对应的滑动距离超过屏幕宽度的三分之一时,可加载包含目标页面的缩略图的预览页面。
[0046]在本发明的一个实施例中,可通过两种方式获得目标页面的缩略图。
[0047]第一种方式为从服务器中获得目标页面的缩略图。
[0048]具体地,在确定滑动操作对应的第一滑动距离超过第一预设阈值时,可向服务器发送目标页面的第一地址信息。对应地,服务器根据目标页面的第一地址信息从预先保存网页的地址信息和网页截图的地址信息的映射关系表中获得目标页面的缩略图的第二地址信息,并向浏览器返回目标页面的缩略图的第二地址信息,浏览器根据第二地址信息加载目标页面的缩略图,此时,对应的包含目标页面的缩略图的网页即为预览页面。
[0049]第二种方式为由浏览器生成目标页面的缩略图。
[0050]具体地,在确定滑动操作对应的第一滑动距离超过第一预设阈值时,可根据目标页面的第一地址信息从浏览器的缓存中获得目标页面的网页内容,对网页内容进行截图,并将所截取到的截图作为目标页面的缩略图,以及将目标页面的缩略图加载至预览页面中。
[0051]例如,手机浏览器中的当前页面如图2所示,假定用户访问当前页面之前访问的前一页面如图3所示。如果接收到用户从触摸屏的左侧开始向右滑动,则根据滑动方向可确定滑动操作对应的切换指令为后退指令,并根据后退指令和当前页面中的后退按钮获得用户访问当前页面之前访问的前一页面,并将前一页面作为目标页面,然后从浏览器的缓存中获得前一页面的网页内容,对网页内容进行截图,并将所截取到的截图作为目标页面的缩略图,以及在浏览器的页面中显示包含前一页面的缩略图的预览页面,其中,浏览器中显示的预览页面的形式如图4所示。
[0052]在本发明的一个实施例中,如图5所示,在步骤S103之后,还包括步骤S104和S105o
[0053]S104,接收用户在第一滑动距离之上的再次滑动操作,并获取再次滑动操作的第二滑动距离。
[0054]S105,判断第一滑动距离与第二滑动距离之和是否超过第二预设阈值,如果第二滑动距离超过第二预设阈值,则根据目标页面的地址信息打开并显示目标页面。
[0055]例如,第二预设阈值为智能手机的屏幕宽度二分之一,在获得用户再次滑动操作的第二滑动距离后,可判断第一滑动距离与第二滑动距离之和是否超过屏幕宽度二分之一,若是,则直接跳转至目标页面,浏览器的页面中显示目标页面。
[0056]再例如,第一预设阈值为智能手机的屏幕宽度三分之一,第二预设阈值为智能手机的屏幕宽度二分之一,在监控到用户从触摸屏的左侧边缘开始向右滑动的滑动距离超过屏幕宽度三分之一,且手指不离开触摸屏时,加载包含目标页面的缩略图的预览页面,如果监控到用户继续滑动,且当监控到用户滑动的距离超过屏幕宽度二分之一,且手指离开触摸屏时,直接将网页调整至目标页面。
[0057]在本发明的一个实施例中,在基于获取的第一地址信息加载包含目标页面的缩略图的预览页面之后,如果检测到滑动操作的滑动方向由向右切换为向左,则获取用户向左滑动的第三滑动距离,并判断第三滑动距离是否超过第三预设阈值,如果第三滑动距离超过第三预设阈值,则关闭预览页面,并显示当前页面。也就是说,在浏览器的页面中显示预览页面后,如果用户不想将页面切换至预览页面中显示的页面,此时,用户可将滑动操作的滑动方向由向右切换为向左,并向左滑动一定距离,如果向左滑动的滑动距离超过第三预设阈值时,则移动终端根据用户的滑动操作可以判断出当前用户不想前进,此时,移动终端将关闭预览页面,浏览器的页面中重新显示当前页面,用户可继续浏览当前页面。
[0058]另外,对于用户从触摸屏的右侧边缘开始向左的触摸滑动的情况,在加载包含目标页面的缩略图的预览页面之后,如果检测到滑动操作的滑动方向由向左切换为向右,则获取用户向右滑动的第四滑动距离,并判断第四滑动距离是否超过第四预设阈值,如果第四滑动距离超过第四预设阈值,则关闭预览页面,并显示当前页面。由此可以看出,用户可通过更改滑动方向的方式,关闭预览页面,方便了用户通过手势关闭预览页面,提高了用户与移动终端之间的交互体验。
[0059]综上可以看出,在用户通过移动终端中的浏览器浏览网页的过程中,如果用户需要进行网页之间的切换,用户可从触摸屏的左侧边缘开始向右进行触摸滑动,或者从触摸屏的右侧边缘开始向左进行触摸滑动,当滑动操作对应的滑动距离超过第一预设阈值时,触发预览页面,浏览器的页面中显示包含目标页面的缩略图的预览页面,由此,方便了用户预览即将切换到网页的相关信息。如果用户确定切换至预览页面中显示的目标页面,此时,用户可继续沿着原来的滑动方向继续滑动,当对应的滑动距离超过第二预设阈值,且手指离开触摸屏时,直接跳转至目标页面,浏览器的页面中显示目标页面;如果用户不想将当前网页切换至目标页面,此时,用户可更换滑动方向,并滑动一定滑动距离后,移动终端关闭预览页面,浏览器的页面中显示当前页面。由此,提供了一种通过手势控制网页前进或者后退的方式,方便了用户通过手势对网页进行切换,以及用户可通过手势关闭预览页面,提高了用户与设备之间的交互体验。
[0060]本发明实施例的浏览器页面的控制方法,接收用户输入的滑动操作,并确定滑动操作的滑动方向,然后,根据滑动方向和
当前第2页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1