CN102033943B - 基于移动通讯设备终端的多窗口浏览方法及其系统 - Google Patents
基于移动通讯设备终端的多窗口浏览方法及其系统 Download PDFInfo
- Publication number
- CN102033943B CN102033943B CN201010598422.5A CN201010598422A CN102033943B CN 102033943 B CN102033943 B CN 102033943B CN 201010598422 A CN201010598422 A CN 201010598422A CN 102033943 B CN102033943 B CN 102033943B
- Authority
- CN
- China
- Prior art keywords
- window
- label
- mobile communication
- communication equipment
- webpage
- 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
- 238000010295 mobile communication Methods 0.000 title claims abstract description 62
- 238000000034 method Methods 0.000 title claims abstract description 31
- 238000009877 rendering Methods 0.000 claims abstract description 4
- 238000001514 detection method Methods 0.000 claims description 4
- 238000007689 inspection Methods 0.000 claims description 3
- 238000012163 sequencing technique Methods 0.000 claims description 3
- 239000003086 colorant Substances 0.000 claims 1
- 238000010586 diagram Methods 0.000 description 12
- 238000005516 engineering process Methods 0.000 description 2
- 238000009434 installation Methods 0.000 description 2
- 238000004891 communication Methods 0.000 description 1
Images
Abstract
本发明涉及移动通讯终端浏览技术领域,特别是基于移动通讯设备终端的多窗口浏览方法及其系统。所述方法包括:移动通讯设备终端根据网页访问请求,向服务器发送访问请求,建立网页浏览窗口及与网页浏览窗口关联的窗口标签;移动通讯设备终端从服务器下载网页,根据网页的状态信息,为与网页浏览窗口关联的窗口标签渲染信息颜色。本发明提高了用户浏览效率:方便用户对多窗口管理,比如可以快速打开,关闭窗口,可以在多窗口之间快速切换,提升了客户体验,明确各个窗口的状态,同时不影响用户在浏览器上看到的其他信息。
Description
技术领域
本发明涉及移动通讯终端浏览技术领域,特别是基于移动通讯设备终端的多窗口浏览方法及其系统。
背景技术
移动通讯设备终端受系统硬件限制,屏幕尺寸有限,多窗口浏览时,会影响到原存在于标题栏的有用信息,如时间,下载进度。如图1所示,但采用多窗口浏览时,仅能看到标题,而时间,下载进度等由于屏幕较少,都无法看到。如图2所示,当窗口足够多时,由于屏幕尺寸限制,甚至窗口的标题信息也无法再被看到。
如图3所示,在个人电脑上的浏览器习惯采用“旋转动态图标”的方式来描述每个窗口的状态(图3右上角图标)。但是在移动通讯设备终端上这种方法不可取,因为移动通讯设备终端屏幕限制,图标会变得不清楚,甚至表意不明。而且多增图标也增添了移动通讯设备终端处理的负担和安装包的大小。
发明内容
本发明的第一个发明目的,在于提供一种基于移动通讯设备终端的多窗口浏览方法,以解决现有技术在移动通讯设备终端采用多窗口浏览时,窗口状态信息表示不清晰的技术问题。
为了实现第一个发明目的,采用的技术方案如下:
一种基于移动通讯设备终端的多窗口浏览方法,所述方法包括:
移动通讯设备终端根据网页访问请求,向服务器发送访问请求,建立网页浏览窗口以及与所述网页浏览窗口关联的窗口标签;
移动通讯设备终端从服务器下载网页,根据该网页属性信息和/或状态信息,为与所述网页浏览窗口关联的窗口标签渲染信息颜色,所述信息颜色用于表达该网页浏览窗口中该网页的属性信息和/或状态信息。
作为一种优选方案,所述网页状态信息为移动通讯设备终端从服务器下载网页的下载完成度,则
当下载完成度小于100%时,将窗口标签渲染第一信息颜色;
当下载完成度等于100%时,将窗口标签渲染第二信息颜色。
作为进一步的优选方案,所述网页属性信息为前台浏览状态,则移动通讯设备终端将网页属性信息为前台浏览状态的窗口标签渲染为第三信息颜色。
作为一种优选方案,所述方法还包括:移动通讯设备终端检查焦点:
如果焦点处于窗口标签位置,则显示所述窗口标签;
如果焦点不处于窗口标签位置,则隐藏所述窗口标签。
作为一种优选方案,所述移动通讯设备终端还包括窗口管理器,所述方法还包括:
移动通讯设备终端接收到第一建立窗口请求,建立第一窗口及与第一窗口关联的第一窗口标签,在窗口管理器中,增加第一窗口标识;
移动通讯设备终端接收到第二建立窗口请求,建立第二窗口及与第二窗口关联的第二窗口标签,在窗口管理器中,增加第二窗口标识;
移动通讯设备终端接收到窗口管理器显示请求,显示窗口管理器。
作为进一步的优选方案,所述方法还包括:
移动通讯设备终端接收到第一窗口标识点击请求:
设置第一窗口为前台状态,把第一窗口标签渲染为第三信息颜色;
设置第二窗口为后台状态,根据第二窗口的网页下载完成度:
当下载完成度小于100%时,为第二窗口标签渲染第一信息颜色;
当下载完成度等于100%时,为第二窗口标签渲染第二信息颜色。
作为一种优选方案,所述方法还包括:检测窗口标签的宽度,如果窗口标签的宽度大于预先设定的阈值,则在窗口标签显示与窗口标签关联的网页的标题,否则在窗口标签显示数字。
本发明的第二个发明目的在于提供一种基于移动通讯设备终端的多窗口浏览系统,以实现本发明第一个发明目的所提供的浏览方法。
为了实现本发明的第二个发明目的,采用的技术方案如下:
一种基于移动通讯设备终端的多窗口浏览系统,所述系统包括:
标签建立模块,用于根据网页访问请求,向服务器发送访问请求,建立网页浏览窗口及与网页浏览窗口关联的窗口标签;
颜色渲染模块,用于从服务器下载网页,根据网页的状态信息,与通过标签建立模块建立的窗口标签渲染信息颜色。
作为一种优选方案,网页的状态信息为移动通讯设备终端从服务器下载网页的下载完成度:
当下载完成度小于100%时,为窗口标签渲染第一信息颜色;
当下载完成度等于100%时,为窗口标签渲染第二信息颜色;
如果与窗口标签关联的浏览窗口处于前台浏览状态,则把窗口标签渲染为第三信息颜色。
作为一种优选方案,所述系统还包括窗口管理器:
移动通讯设备终端接收到第一建立窗口请求,建立第一窗口及与第一窗口关联的第一窗口标签,在窗口管理器中,增加第一窗口标识;
移动通讯设备终端接收到第二建立窗口请求,建立第二窗口及与第二窗口关联的第二窗口标签,在窗口管理器中,增加第二窗口标识;
移动通讯设备终端接收到窗口管理器显示请求,显示窗口管理器。
本发明提高了用户浏览效率:方便用户对多窗口管理,比如可以快速打开,关闭窗口,可以在多窗口之间快速切换,提升了客户体验,明确各个窗口的状态,同时不影响用户在浏览器上看到的其他信息。
附图说明
图1为现有技术多窗口浏览器无法看到窗口状态完整信息示意图;
图2为现有技术在窗口过多的情况下无法看到窗口标题的示意图;
图3为现有技术在个人电脑上所采用的显示窗口状态;
图4为本发明实施例的流程图;
图5为本发明实施例颜色演示示意图;
图6为本发明实施例自动隐藏窗口的流程图;
图7为本发明实施例自动隐藏窗口的示意图;
图8为本发明实施例建立窗口管理器的流程图;
图9为本发明实施例窗口管理器的示意图;
图10为本发明实施例的结构示意图。
具体实施方式
下面结合附图和具体实施例对本发明做进一步详细的说明。
如图4所示为本发明实施例的流程图。
步骤S410,移动通讯设备终端根据网页访问请求,向服务器发送访问请求;
步骤S420,建立网页浏览窗口及与网页浏览窗口关联的窗口标签;
步骤S430,移动通讯设备终端从服务器下载网页,根据移动通讯设备终端从服务器下载网页的下载完成度,为与网页浏览窗口关联的窗口标签渲染信息颜色:
当下载完成度小于100%时,为窗口标签渲染第一信息颜色;
当下载完成度等于100%时,为窗口标签渲染第二信息颜色。
步骤S440,如果与窗口标签关联的浏览窗口处于前台浏览状态(即网页属性信息为前台浏览状态),则把窗口标签渲染为第三信息颜色。
同时,系统还检测窗口标签的宽度,如果窗口标签的宽度大于预先设定的阈值,则在窗口标签显示与窗口标签关联的网页的标题,否则在窗口标签显示数字,该数字用于标识窗口的先后顺序。
如图3所示,现有技术在个人电脑上的浏览器习惯采用“旋转动态图标”的方式来描述每个窗口的状态(图3右上角图标)。但是在移动通讯设备终端上这种方法不可取,因为移动通讯设备终端屏幕限制,可用图标会变得不清楚,甚至表意不明。而且多增图标也增添了移动通讯设备终端处理的负担和安装包的大小。所以,采用有效的颜色描述的方法能有效的解决该问题。
如图5所示,为本发明实施例颜色演示示意图,即上述步骤S430和S440对窗口标签渲染的情况,对于以下三种状态的浏览窗口,把与其相关联的窗口标签渲染为相应的颜色:
当前页,该浏览窗口处于前台浏览状态,因此窗口标签渲染为第三信息颜色,在本实施例中为浅蓝色;
后台完成页,该浏览窗口的网页的下载完成度等于100%,则窗口标签渲染为第二信息颜色,在本实施例中为浅绿色;
后台未完成页,该浏览窗口的网页的下载完成度小于100%,则窗口标签渲染为第一信息颜色,在本实施例中为深绿色。
如图1所示,在现有技术中,当移动通讯设备终端采用多窗口浏览时,窗口标签会挡住窗口的各种状态信息,特别是在图2所示情况,当窗口较多时,连窗口标题都会被挡住。本发明实施例采用的是自动隐藏窗口标签的方式。
如图6所示为本发明自动隐藏窗口的流程图。
步骤S610,移动通讯设备终端检查焦点:
如果焦点处于窗口标签位置,则执行步骤S620;
如果焦点不处于窗口标签位置,则执行步骤S630;
步骤S620,显示窗口标签;
步骤S630,隐藏窗口标签。
如图7所示,当窗口标签隐藏后,则不会挡住当前正在浏览的网页的标题及相关状态信息。
当窗口足够多,已经看不清楚标题时,可以采用窗口管理器的形式来管理窗口。图8为本发明实施例建立窗口管理器的流程图。
步骤S810,移动通讯设备终端接收到第一建立窗口请求,建立第一窗口及与第一窗口关联的第一窗口标签,在窗口管理器中,增加第一窗口标识;
步骤S820,移动通讯设备终端接收到第二建立窗口请求,建立第二窗口及与第二窗口关联的第二窗口标签,在窗口管理器中,增加第二窗口标识;
步骤S830,移动通讯设备终端接收到第三建立窗口请求,建立第三窗口及与第三窗口关联的第三窗口标签,在窗口管理器中,增加第三窗口标识;
步骤S840,移动通讯设备终端接收到窗口管理器显示请求,显示如图9所示的窗口管理器,窗口管理器显示请求在本实施中采用点击按键“1”来激活。
如图10所示为本发明实施例的一种基于移动通讯设备终端的多窗口浏览系统1000,所述系统1000包括:
用于移动通讯设备终端根据网页访问请求,向服务器发送访问请求,建立网页浏览窗口及与网页浏览窗口关联的窗口标签的标签建立模块1010;
用于移动通讯设备终端从服务器下载网页,根据网页的状态信息,为与网页浏览窗口关联的窗口标签渲染信息颜色的颜色渲染模块1020;
用于显示窗口标签的窗口管理器1030。
以上所述仅是本发明的优选实施方式,应当指出,对于本领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。
Claims (8)
1.一种基于移动通讯设备终端的多窗口浏览方法,其特征在于,所述方法包括:
移动通讯设备终端根据网页访问请求,向服务器发送访问请求,建立网页浏览窗口以及与所述网页浏览窗口关联的窗口标签;
移动通讯设备终端从服务器下载网页,下载网页时根据该网页属性信息和/或状态信息,为与所述网页浏览窗口关联的窗口标签渲染不同信息颜色,所述信息颜色用于表达该网页浏览窗口中该网页的属性信息和/或状态信息;
所述方法还包括:移动通讯设备终端检测窗口标签的宽度,如果窗口标签的宽度大于预先设定的阈值,则在窗口标签显示与窗口标签关联的网页的标题,否则在窗口标签显示用于标识窗口先后顺序的数字;
或者包括:移动通讯设备终端检查焦点,如果焦点处于窗口标签位置,则显示所述窗口标签;如果焦点不处于窗口标签位置,则隐藏所述窗口标签,使当前浏览的窗口标题和状态信息显示出来。
2. 根据权利要求1所述的多窗口浏览方法,其特征在于,所述网页状态信息为移动通讯设备终端从服务器下载网页的下载完成度,则
当下载完成度小于100%时,将窗口标签渲染第一信息颜色;
当下载完成度等于100%时,将窗口标签渲染第二信息颜色。
3.根据权利要求1或2所述的多窗口浏览方法,其特征在于,所述网页属性信息为前台浏览状态,则移动通讯设备终端将网页属性信息为前台浏览状态的窗口标签渲染为第三信息颜色。
4.根据权利要求1所述的多窗口浏览方法,其特征在于,所述移动通讯设备终端还包括窗口管理器,所述方法还包括:
移动通讯设备终端接收到第一建立窗口请求,建立第一窗口及与第一窗口关联的第一窗口标签,在窗口管理器中,增加第一窗口标识;
移动通讯设备终端接收到第二建立窗口请求,建立第二窗口及与第二窗口关联的第二窗口标签,在窗口管理器中,增加第二窗口标识;
移动通讯设备终端接收到窗口管理器显示请求,显示窗口管理器。
5.根据权利要求4所述的多窗口浏览方法,其特征在于,所述方法还包括:
移动通讯设备终端接收到第一窗口标识点击请求:
设置第一窗口为前台状态,把第一窗口标签渲染为第三信息颜色;
设置第二窗口为后台状态,根据第二窗口的网页下载完成度:
当下载完成度小于100%时,为第二窗口标签渲染第一信息颜色;
当下载完成度等于100%时,为第二窗口标签渲染第二信息颜色。
6.一种基于移动通讯设备终端的多窗口浏览系统,其特征在于,所述系统包括:
标签建立模块,用于根据网页访问请求,向服务器发送访问请求,建立网页浏览窗口及与网页浏览窗口关联的窗口标签;
所述标签建立模块还用于检测窗口标签的宽度,如果窗口标签的宽度大于预先设定的阈值,则在窗口标签显示与窗口标签关联的网页的标题,否则在窗口标签显示用于标识窗口先后顺序的数字;或者,用于检查焦点,如果焦点处于窗口标签位置,则显示所述窗口标签;如果焦点不处于窗口标签位置,则隐藏所述窗口标签,使当前浏览的窗口标题和状态信息显示出来;
颜色渲染模块,用于从服务器下载网页,下载网页时根据网页的属性信息和/状态信息,为通过标签建立模块建立的窗口标签渲染信息颜色。
7.根据权利要求6所述的多窗口浏览系统,其特征在于,网页的状态信息为移动通讯设备终端从服务器下载网页的下载完成度:
当下载完成度小于100%时,为窗口标签渲染第一信息颜色;
当下载完成度等于100%时,为窗口标签渲染第二信息颜色;
如果与窗口标签关联的浏览窗口处于前台浏览状态,则把窗口标签渲染为第三信息颜色。
8.根据权利要求6所述的多窗口浏览系统,其特征在于,所述系统还包括窗口管理器:
移动通讯设备终端接收到第一建立窗口请求,建立第一窗口及与第一窗口关联的第一窗口标签,在窗口管理器中,增加第一窗口标识;
移动通讯设备终端接收到第二建立窗口请求,建立第二窗口及与第二窗口关联的第二窗口标签,在窗口管理器中,增加第二窗口标识;
移动通讯设备终端接收到窗口管理器显示请求,显示窗口管理器。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201010598422.5A CN102033943B (zh) | 2010-12-21 | 2010-12-21 | 基于移动通讯设备终端的多窗口浏览方法及其系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201010598422.5A CN102033943B (zh) | 2010-12-21 | 2010-12-21 | 基于移动通讯设备终端的多窗口浏览方法及其系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102033943A CN102033943A (zh) | 2011-04-27 |
CN102033943B true CN102033943B (zh) | 2012-11-14 |
Family
ID=43886836
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201010598422.5A Active CN102033943B (zh) | 2010-12-21 | 2010-12-21 | 基于移动通讯设备终端的多窗口浏览方法及其系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102033943B (zh) |
Families Citing this family (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103019659B (zh) * | 2011-09-21 | 2015-10-07 | 腾讯科技(深圳)有限公司 | 应用程序的标签页中更新状态的方法及装置 |
KR101899972B1 (ko) * | 2011-12-21 | 2018-09-18 | 엘지전자 주식회사 | 이동 단말기 및 그것의 제어 방법 |
KR20140022148A (ko) * | 2012-08-13 | 2014-02-24 | 삼성전자주식회사 | 클라우드 서비스를 이용하는 휴대단말기의 컨텐츠 표시 방법 및 장치 |
CN103677489B (zh) * | 2012-08-31 | 2021-07-09 | 腾讯科技(深圳)有限公司 | 对浏览窗口进行操作的方法及装置 |
CN102982106B (zh) * | 2012-11-07 | 2019-07-26 | 优视科技有限公司 | 预打开网页的方法和装置 |
CN103019715B (zh) * | 2012-12-12 | 2015-11-25 | 北京奇虎科技有限公司 | 浏览器中关闭标签的装置和方法 |
CN103279349B (zh) * | 2013-05-31 | 2016-09-21 | 正益无线(北京)科技有限公司 | 手机或pda的基于移动中间件的多窗口浏览系统 |
CN103902722B (zh) * | 2014-04-10 | 2018-01-12 | 白杨 | 基于b/s架构的网页页面显示方法及终端 |
CN104182237B (zh) * | 2014-08-28 | 2017-11-07 | 北京金山安全软件有限公司 | 一种浏览器标签展示方法、装置及终端 |
CN104965644A (zh) * | 2014-09-30 | 2015-10-07 | 腾讯科技(深圳)有限公司 | 一种浏览器标签的关闭方法及装置 |
WO2017043934A1 (en) * | 2015-09-11 | 2017-03-16 | Samsung Electronics Co., Ltd. | Method and electronic device for tab navigation and control |
CN106293465A (zh) * | 2016-08-09 | 2017-01-04 | Tcl移动通信科技(宁波)有限公司 | 一种移动终端的网页管理方法及系统 |
CN106354791A (zh) * | 2016-08-24 | 2017-01-25 | 乐视控股(北京)有限公司 | 一种浏览器网页窗口处理方法及装置 |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101807202A (zh) * | 2010-02-24 | 2010-08-18 | 深圳市五巨科技有限公司 | 一种移动终端浏览器优化方法及移动终端浏览器 |
-
2010
- 2010-12-21 CN CN201010598422.5A patent/CN102033943B/zh active Active
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101807202A (zh) * | 2010-02-24 | 2010-08-18 | 深圳市五巨科技有限公司 | 一种移动终端浏览器优化方法及移动终端浏览器 |
Also Published As
Publication number | Publication date |
---|---|
CN102033943A (zh) | 2011-04-27 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102033943B (zh) | 基于移动通讯设备终端的多窗口浏览方法及其系统 | |
CN109144626B (zh) | 一种锁屏方法及移动终端 | |
WO2015176448A1 (zh) | 一种终端智能分屏方法及装置 | |
CN102566931B (zh) | 一种悬浮窗的显示方法及装置 | |
CN105824836B (zh) | 一种截图共享方法、装置、信息接收方法及装置 | |
CN102347941B (zh) | 一种基于开放平台的安全应用控制方法 | |
CN104750450A (zh) | 一种即时通信中的文件共享方法及终端 | |
CN109144652B (zh) | 一种视图显示方法、装置、电子设备及存储介质 | |
CN104486138A (zh) | 流量监控方法、装置和监控服务器 | |
CN103399768A (zh) | 一种管理终端应用资源的方法及终端 | |
CN103729110A (zh) | 弹窗信息显示方法、装置及终端 | |
CN104471917A (zh) | 共享应用信息方法和装置 | |
CN105471935B (zh) | 信息提示方法和装置 | |
CN104519124A (zh) | 一种虚拟资源的分配方法以及装置 | |
CN104317648B (zh) | 一种监测广告的方法和装置 | |
CN103970501A (zh) | 一种图像显示方法及终端 | |
CN103546774A (zh) | 一种实现无缝访问媒体文件的方法及系统 | |
CN103209203A (zh) | 一种跨平台提供应用的方法以及客户端 | |
CN108268578A (zh) | 网页图片加载的方法及系统 | |
CN105872707A (zh) | 一种预览播放方法及装置 | |
CN108845840A (zh) | 应用程序声音的管理方法、装置、存储介质及智能终端 | |
CN106502572A (zh) | 显示内容切换方法及电子设备 | |
CN114399437A (zh) | 一种图像处理方法、装置、电子设备及存储介质 | |
CN109543168A (zh) | 房产海报的待分享者信息添加方法、服务器以及存储介质 | |
WO2017143911A1 (zh) | 应用程序的图标处理方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant | ||
TR01 | Transfer of patent right |
Effective date of registration: 20200416 Address after: 310052 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province Patentee after: Alibaba (China) Co.,Ltd. Address before: 2, 16, 301 rooms, 510665 Yun Yun Road, Tianhe District, Guangdong, Guangzhou Patentee before: GUANGZHOU UCWEB COMPUTER TECHNOLOGY Co.,Ltd. |
|
TR01 | Transfer of patent right |