CN102207815A - 一种用于移动通讯设备终端的网页浏览方法及装置 - Google Patents
一种用于移动通讯设备终端的网页浏览方法及装置 Download PDFInfo
- Publication number
- CN102207815A CN102207815A CN201010226782.2A CN201010226782A CN102207815A CN 102207815 A CN102207815 A CN 102207815A CN 201010226782 A CN201010226782 A CN 201010226782A CN 102207815 A CN102207815 A CN 102207815A
- Authority
- CN
- China
- Prior art keywords
- screen
- area
- segment
- page turning
- page
- 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.)
- Pending
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及移动通讯设备终端的浏览器技术领域,特别是一种用于移动通讯设备终端的网页浏览方法,所述移动通讯设备终端包括支持触摸功能的屏幕,所述浏览方法包括:(11)当用户点击屏幕时,检测点击位置是否为链接区域,如果是则执行链接操作,否则执行步骤(12);(12)根据翻页规则,确定翻页方向,按照翻页方向进行翻页操作。本发明在具有触屏功能的移动通讯设备终端上加强了现有的“自动翻页”功能,提供更好用户交互体验,囊括各种触屏手机硬件支持与各种使用场景优化。
Description
技术领域
本发明涉及移动通讯设备终端的浏览器技术领域,特别是一种用于移动通讯设备终端的网页浏览方法。
背景技术
手机支持触屏功能,就目前看已经大势所趋。有支持全键盘的触屏手机,只配置5向导航键的触屏手机,无按钮概念触屏手机,等等。
在日常上网活动中,网民最多的行为当为浏览网页内容,而浏览器支持自动翻页功能,当用户按下5向导航键左右键时,将即时触发浏览页面上下翻页,并默认移动一屏内容,上承下接用户浏览内容。
普通自动翻页功能,需要5向导航键支持,但目前已经出现较多手机无5向导航键,如iphone、android、windows mobile等系统手机。这情况下用户浏览页面只能使用手指或手写笔拖动屏幕进行页面翻页,操作体验需小心翼翼,生怕当前拖动操作将内容翻屏过多或过少;而且每次拖屏后,用户无操作预期,都需进行重新的视角聚焦。
针对有5向导航键的触屏手机,由于触屏关系,手机基本比例都是屏幕占手机3/4,操作键只能设计在屏幕下方1/4位置。这样直接导致用户把握手机后,很难操作在下方1/4位置按键,就算可操作,一、长期操作因为把握姿势问题极易疲劳,而恰恰翻页操作为用户最常用行为;二、为操作下方按键,不能很好把握手机,容易掉落手机。
发明内容
本发明的第一个发明目的在于提供一种用于移动通讯设备终端的网页浏览方法,以解决现有技术中,使用触屏技术的移动通讯设备终端浏览网页时,翻页不方便的技术问题。
为了实现本发明的第一个发明目的,采用的技术方案如下:
一种用于移动通讯设备终端的网页浏览方法,所述移动通讯设备终端包括支持触摸功能的屏幕,所述浏览方法包括:
(11)当用户点击屏幕时,检测点击位置是否为链接区域,如果是则执行链接操作,否则执行步骤(12);
(12)根据翻页规则,确定翻页方向,按照翻页方向进行翻页操作。
作为一种优选方案,如果当前浏览的网页宽度小于或等于屏幕宽度,则所述翻页规则为:
(21)把当前屏幕分成上半部区域与下半部区域;
(22)判断点击位置所处的屏幕区域,如果为所述上半部区域则执行向上翻页,如果为所述下半部区域则执行向下翻页。
作为进一步的优选方案,所述步骤(21)根据以下方式把当前屏幕分成上半部区域与下半部区域:
(31)以屏幕左上角为零点设立坐标轴,沿屏幕向下方向坐标值逐渐增大,屏幕左下角的坐标值为屏幕高度;
(32)取屏幕高度一半的坐标值为起点,沿与屏幕宽度平行方向作一中心线,在所述中心线上方区域为上半部区域,在所述中心线下方为下半部区域。
作为一种优选方案,如果当前浏览的网页宽度大于屏幕宽度,则所述翻页规则为:
(41)把当前屏幕分成上部区域、下部区域、左部区域和右部区域;
(42)判断判断点击位置所处区域,如果为上部区域则执行向上翻页,如果为下部区域则执行向下翻页,如果为左部区域则执行向左翻页,如果为右部区域则执行向右翻页。
作为进一步的优选方案,所述步骤(41)根据以下规则把当前屏幕分成上部区域、下部区域、左部区域和右部区域:
(51)以屏幕左上角为一个端点,以屏幕右下角为另一个端点作一直线,得到第一线段;
(52)以屏幕右上角为一个端点,以屏幕左下角为另一个端点作一直线,得到第二线段;
(53)第一线段和第二线段相交于中心点;
(54)屏幕左上角和中心点间的线段为第一上半线段;
屏幕右上角和中心点间的线段为第二上半线段;
屏幕右下角和中心点间的线端为第一下半线段;
屏幕左下角和中心点间的线端为第二下半线段;
(55)第一上半线段、第二上半线段和屏幕上边界围成上部区域;
第二下半线段、第一下半线段和屏幕下边界围成下部区域;
第一上半线段、第二下半线段和屏幕左边界围成左部区域;
第二上半线段、第一下半线段和屏幕右边界围成右部区域。
作为一种优选方案,所述步骤(11)还包括:
如果检测到用户点击并按住当前屏幕任意位置,则弹出浏览器右键菜单,并退出,不执行步骤(12)。
作为一种优选方案,所述步骤(11)还包括:
如果检测到用户点击并在屏幕中进行拖动,网页跟随拖动并进行惯性滑动,不执行步骤(12)。
作为进一步的优选方案,所述链接区域为网页中具有超链接的区域。
本发明的第二个发明目的在于提供一种用于移动通讯设备终端的网页浏览装置,以应用本发明第一个发明目的所提供的网页浏览方法。
为了实现本发明的第一个发明目的,采用的技术方案如下:
一种用于移动通讯设备终端的网页浏览装置,所述移动通讯设备终端包括支持触摸功能的屏幕,所述装置包括:
用于判断屏幕点击位置是否为链接区域的区域判断模块;
用于根据预设翻页规则,确定翻页方向,按照翻页方向进行翻页操作的翻页模块。
作为一种优选方案,所述翻页模块还包括用于根据屏幕点击位置在屏幕上的所述区域范围,判断翻页方向的方向确定模块。
本发明在具有触屏功能的移动通讯设备终端上加强了现有的“自动翻页”功能,提供更好用户交互体验,囊括各种触屏手机硬件支持与各种使用场景优化。
附图说明
图1 为当前浏览网页宽度不超过屏幕宽度时,实施例示意图;
图2 为当前浏览网页宽度与高度都超过屏幕宽度时,实施例示意图。
具体实施方式
下面结合附图和具体实施例对本发明进行进一步详细的说明。
从用户直观操作体验描述,存在两种情况:
- 当前浏览网页宽度不超过屏幕宽度,浏览视屏中只存在上下滚动条;
- 当前浏览网页宽度与高度都超过屏幕宽度,浏览视屏中存在上下、左右两排滚动条
对于第一种情况,如图1所示,用户浏览任意页面,如当前浏览网页宽度不超过屏幕宽度,浏览视屏中只存在上下滚动条,图1中的虚线即为屏幕中心线,在该中心线上方为上半部无链接区域,在该中心线下方为下半部无链接区域。
点击当前屏幕上半部无链接区域为上翻页,点击屏幕下半部无链接区域为下翻页。
对于第二中情况,如图2所示用户浏览任意页面,如当前浏览网页宽度与高度都超过屏幕宽度,浏览视屏中存在上下、左右两排滚动条,屏幕区域如图2所示划分为4大区域:上部无链接区域、下部无链接区域、左部无链接区域和右部无链接区域,点击分别响应不同方向翻页:
点击上部无链接区域,响应向上翻页;
点击下部无链接区域,响应向下翻页;
点击左部无链接区域,响应向左翻页;
点击右部无链接区域,响应向右翻页;
本实施例具体流程为:
移动通讯设备终端以滚动条判别屏幕区域为界识别用户不同操作,触发不同功能响应场景:
1) 只有上下滚动条时,以屏幕高度中间处划分上下两部区域(如图1),捕捉用户点击上/下半屏非链接处,程序响应上/下翻页,当前视屏自动往上/下移位一屏;
2) 同时存在上下、左右两排滚动条时,以屏幕对角交叉划分4个区域(如图2),程序捕捉用户点击上/下/左/右区域中非链接处,响应上/下/左/右翻页,当前视屏自动往上/下/左/右移位一屏;
3) 捕捉用户点击当前屏幕链接处,响应打开当前点击位置所处链接,无翻页操作;
4) 捕捉用户点击并按住当前屏幕任意位置,弹出浏览器右键菜单,无翻页操作;
5) 程序捕捉用户点击并在屏幕中进行拖动,网页跟随拖动并进行惯性滑动,无翻页操作。
以上所述仅是本发明的优选实施方式,应当指出,对于本领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。
Claims (10)
1.一种用于移动通讯设备终端的网页浏览方法,所述移动通讯设备终端包括支持触摸功能的屏幕,其特征在于,所述浏览方法包括:
(11)当用户点击屏幕时,检测点击位置是否为链接区域,如果是则执行链接操作,否则执行步骤(12);
(12)根据预设翻页规则,确定翻页方向,按照翻页方向进行翻页操作。
2.根据权利要求1所述的浏览方法,其特征在于,如果当前浏览的网页宽度小于或等于屏幕宽度,则所述翻页规则为:
(21)把当前屏幕分成上半部区域与下半部区域;
(22)判断点击位置所处的屏幕区域,如果为所述上半部区域则执行向上翻页,如果为所述下半部区域则执行向下翻页。
3.根据权利要求2所述的浏览方法,其特征在于,所述步骤(21)根据以下方式把当前屏幕分成上半部区域与下半部区域:
(31)以屏幕左上角为零点设立坐标轴,沿屏幕向下方向坐标值逐渐增大,屏幕左下角的坐标值为屏幕高度;
(32)取屏幕高度一半的坐标值为起点,沿与屏幕宽度平行方向作一中心线,在所述中心线上方区域为上半部区域,在所述中心线下方为下半部区域。
4.根据权利要求1所述的浏览方法,其特征在于,如果当前浏览的网页宽度大于屏幕宽度,则所述翻页规则为:
(41)把当前屏幕分成上部区域、下部区域、左部区域和右部区域;
(42)判断判断点击位置所处区域,如果为上部区域则执行向上翻页,如果为下部区域则执行向下翻页,如果为左部区域则执行向左翻页,如果为右部区域则执行向右翻页。
5.根据权利要求4所述的浏览方法,其特征在于,所述步骤(41)根据以下规则把当前屏幕分成上部区域、下部区域、左部区域和右部区域:
(51)以屏幕左上角为一个端点,以屏幕右下角为另一个端点作一直线,得到第一线段;
(52)以屏幕右上角为一个端点,以屏幕左下角为另一个端点作一直线,得到第二线段;
(53)第一线段和第二线段相交于中心点;
(54)屏幕左上角和中心点间的线段为第一上半线段;
屏幕右上角和中心点间的线段为第二上半线段;
屏幕右下角和中心点间的线端为第一下半线段;
屏幕左下角和中心点间的线端为第二下半线段;
(55)第一上半线段、第二上半线段和屏幕上边界围成上部区域;
第二下半线段、第一下半线段和屏幕下边界围成下部区域;
第一上半线段、第二下半线段和屏幕左边界围成左部区域;
第二上半线段、第一下半线段和屏幕右边界围成右部区域。
6.根据权利要求1所述的浏览方法,其特征在于,所述步骤(11)还包括:
如果检测到用户点击并按住当前屏幕任意位置,则弹出浏览器右键菜单,并退出,不执行步骤(12)。
7.根据权利要求1所述的浏览方法,其特征在于,所述步骤(11)还包括:
如果检测到用户点击并在屏幕中进行拖动,网页跟随拖动并进行惯性滑动,不执行步骤(12)。
8.根据权利要求1~7任一项所述的浏览方法,其特征在于,所述链接区域为网页中具有超链接的区域。
9.一种用于移动通讯设备终端的网页浏览装置,所述移动通讯设备终端包括支持触摸功能的屏幕,其特征在于,所述装置包括:
用于判断屏幕点击位置是否为链接区域的区域判断模块;
用于根据预设翻页规则,确定翻页方向,按照翻页方向进行翻页操作的翻页模块。
10.根据权利要求9所述的网页浏览装置,其特征在于,所述翻页模块还包括用于根据屏幕点击位置在屏幕上的所述区域范围,判断翻页方向的方向确定模块。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201010226782.2A CN102207815A (zh) | 2010-07-15 | 2010-07-15 | 一种用于移动通讯设备终端的网页浏览方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201010226782.2A CN102207815A (zh) | 2010-07-15 | 2010-07-15 | 一种用于移动通讯设备终端的网页浏览方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN102207815A true CN102207815A (zh) | 2011-10-05 |
Family
ID=44696677
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201010226782.2A Pending CN102207815A (zh) | 2010-07-15 | 2010-07-15 | 一种用于移动通讯设备终端的网页浏览方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102207815A (zh) |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103164488A (zh) * | 2011-12-19 | 2013-06-19 | 北大方正集团有限公司 | 一种页面显示方法及显示装置 |
CN103294674A (zh) * | 2012-02-23 | 2013-09-11 | 宇龙计算机通信科技(深圳)有限公司 | 调整页面浏览位置的方法及其通信终端 |
CN103389859A (zh) * | 2012-05-08 | 2013-11-13 | 腾讯科技(深圳)有限公司 | 一种滚动网页页面的方法及装置 |
CN103414823A (zh) * | 2013-08-01 | 2013-11-27 | 深圳市卡迪尔通讯技术有限公司 | 实现手机上下翻页式操作系统的方法及装置 |
CN106775276A (zh) * | 2016-12-01 | 2017-05-31 | 北京小米移动软件有限公司 | 页面跳转的方法及装置 |
CN107168628A (zh) * | 2017-04-25 | 2017-09-15 | 福建星网视易信息系统有限公司 | 一种滑屏显示方法和装置 |
CN108121494A (zh) * | 2017-12-25 | 2018-06-05 | 重庆宝力优特科技有限公司 | 一种确定翻页方向的方法及装置 |
CN108733282A (zh) * | 2018-04-16 | 2018-11-02 | 维沃移动通信有限公司 | 一种页面移动方法及终端设备 |
US10216352B2 (en) | 2012-08-10 | 2019-02-26 | Guangzhou Ucweb Computer Technology Co., Ltd | Method, device, and storage medium for selecting content of a webpage through automatically scrolling webpage content |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1787555A (zh) * | 2005-12-19 | 2006-06-14 | 魏新成 | 高宽比为5比3的触摸屏手机的操作界面设计方法 |
CN101377738A (zh) * | 2007-08-27 | 2009-03-04 | 汉王科技股份有限公司 | 实现电子文档翻页的方法 |
CN101594432A (zh) * | 2009-07-02 | 2009-12-02 | 优视动景(北京)技术服务有限公司 | 一种用于手机导航键的网页浏览方法 |
-
2010
- 2010-07-15 CN CN201010226782.2A patent/CN102207815A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1787555A (zh) * | 2005-12-19 | 2006-06-14 | 魏新成 | 高宽比为5比3的触摸屏手机的操作界面设计方法 |
CN101377738A (zh) * | 2007-08-27 | 2009-03-04 | 汉王科技股份有限公司 | 实现电子文档翻页的方法 |
CN101594432A (zh) * | 2009-07-02 | 2009-12-02 | 优视动景(北京)技术服务有限公司 | 一种用于手机导航键的网页浏览方法 |
Cited By (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103164488A (zh) * | 2011-12-19 | 2013-06-19 | 北大方正集团有限公司 | 一种页面显示方法及显示装置 |
CN103294674A (zh) * | 2012-02-23 | 2013-09-11 | 宇龙计算机通信科技(深圳)有限公司 | 调整页面浏览位置的方法及其通信终端 |
CN103294674B (zh) * | 2012-02-23 | 2017-02-15 | 宇龙计算机通信科技(深圳)有限公司 | 调整页面浏览位置的方法及其通信终端 |
CN103389859A (zh) * | 2012-05-08 | 2013-11-13 | 腾讯科技(深圳)有限公司 | 一种滚动网页页面的方法及装置 |
US10216352B2 (en) | 2012-08-10 | 2019-02-26 | Guangzhou Ucweb Computer Technology Co., Ltd | Method, device, and storage medium for selecting content of a webpage through automatically scrolling webpage content |
CN103414823A (zh) * | 2013-08-01 | 2013-11-27 | 深圳市卡迪尔通讯技术有限公司 | 实现手机上下翻页式操作系统的方法及装置 |
CN103414823B (zh) * | 2013-08-01 | 2015-08-12 | 深圳市卡迪尔通讯技术有限公司 | 实现手机上下翻页式操作系统的方法及装置 |
CN106775276A (zh) * | 2016-12-01 | 2017-05-31 | 北京小米移动软件有限公司 | 页面跳转的方法及装置 |
CN107168628A (zh) * | 2017-04-25 | 2017-09-15 | 福建星网视易信息系统有限公司 | 一种滑屏显示方法和装置 |
CN107168628B (zh) * | 2017-04-25 | 2020-07-31 | 福建星网视易信息系统有限公司 | 一种滑屏显示方法和装置 |
CN108121494A (zh) * | 2017-12-25 | 2018-06-05 | 重庆宝力优特科技有限公司 | 一种确定翻页方向的方法及装置 |
CN108733282A (zh) * | 2018-04-16 | 2018-11-02 | 维沃移动通信有限公司 | 一种页面移动方法及终端设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102207815A (zh) | 一种用于移动通讯设备终端的网页浏览方法及装置 | |
CN102662510B (zh) | 通过多点触摸实现截图的方法 | |
CN103135810B (zh) | 一种触摸屏的压力灵敏度调节方法及系统 | |
CN103064620B (zh) | 触摸屏操作方法及触屏终端 | |
CN102819352B (zh) | 控制终端设备的方法和装置 | |
CN103279295A (zh) | 一种终端桌面图标切换方法及装置 | |
CN102945136B (zh) | 移动终端及其触控操作方法 | |
CN103530047B (zh) | 一种触摸屏设备事件触发方法及装置 | |
CN106293315A (zh) | 浮动窗口显示的方法和装置 | |
CN103577079B (zh) | 电子设备中实现与应用交互的方法及电子设备 | |
CN102736854A (zh) | 移动通讯终端及基于该移动通讯终端的屏幕调整方法 | |
CN103455496A (zh) | 一种基于浏览器的交互方法及设备 | |
KR20130090138A (ko) | 다중 터치 패널 운용 방법 및 이를 지원하는 단말기 | |
CN102236442A (zh) | 触摸板控制系统及方法 | |
CN102750106B (zh) | 全屏手写识别输入方法及系统 | |
CN103838456A (zh) | 一种桌面图标显示位置的控制方法及系统 | |
CN103034427A (zh) | 一种触摸屏翻页方法、装置及一种触摸屏设备 | |
CN104571679A (zh) | 触控方法及电子装置 | |
CN103713848A (zh) | 移动终端及其操作方法 | |
CN102819398A (zh) | 一种在触摸屏设备上滑动控制摄像机的方法 | |
CN103309600A (zh) | 一种删除区域显示内容、已录入文字的方法及装置 | |
CN102609191A (zh) | 一种触摸屏手机的来信浏览交互方法 | |
CN106415472A (zh) | 一种手势控制方法、装置、终端设备和存储介质 | |
CN103019426A (zh) | 触摸终端中的交互方法及装置 | |
KR20120131906A (ko) | 터치센서 겸용 버튼이 장착된 스마트폰 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C12 | Rejection of a patent application after its publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20111005 |