CN102880391A - 改变浏览器窗口显示的内容的显示控制设备及方法 - Google Patents

改变浏览器窗口显示的内容的显示控制设备及方法 Download PDF

Info

Publication number
CN102880391A
CN102880391A CN2012103762277A CN201210376227A CN102880391A CN 102880391 A CN102880391 A CN 102880391A CN 2012103762277 A CN2012103762277 A CN 2012103762277A CN 201210376227 A CN201210376227 A CN 201210376227A CN 102880391 A CN102880391 A CN 102880391A
Authority
CN
China
Prior art keywords
application
browser window
size
show state
content
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.)
Granted
Application number
CN2012103762277A
Other languages
English (en)
Other versions
CN102880391B (zh
Inventor
黄欢
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Qihoo Technology Co Ltd
Original Assignee
Beijing Qihoo Technology Co Ltd
Qizhi Software Beijing Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Qihoo Technology Co Ltd, Qizhi Software Beijing Co Ltd filed Critical Beijing Qihoo Technology Co Ltd
Priority to CN201210376227.7A priority Critical patent/CN102880391B/zh
Publication of CN102880391A publication Critical patent/CN102880391A/zh
Application granted granted Critical
Publication of CN102880391B publication Critical patent/CN102880391B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)
  • Digital Computer Display Output (AREA)

Abstract

本发明公开了一种改变浏览器窗口中显示的内容的显示控制设备及方法,可解决浏览器窗口中的显示内容无法自适应调整的问题。浏览器窗口显示的内容包括一个或多个应用的显示内容,该设备包括:一个或多个应用显示控制器,每个应用显示控制器与一个应用相对应,并且适于为每一应用设置至少两种显示状态,以及根据显示状态来控制应用的显示内容;窗口管理器,适于接收每个应用显示控制器设置的显示状态,设置每种显示状态与浏览器窗口尺寸之间的对应关系,并在检测到浏览器窗口尺寸发生改变时,获取浏览器窗口的当前尺寸,并根据每一应用的显示状态与浏览器窗口尺寸之间的对应关系将该应用的当前显示状态通知给每个应用相对应的应用显示控制器。

Description

改变浏览器窗口显示的内容的显示控制设备及方法
技术领域
本发明涉及信息显示领域,具体涉及一种改变浏览器窗口显示的内容的显示控制设备及方法。
背景技术
在信息交互系统中,交互界面的界面设计必须要考虑客户端显示屏幕分辨率的大小以适应不同的使用场景。网络应用(如网站)在网络浏览器中也存在着同样的问题。
目前,当浏览器窗口大小小于设定值时,由于浏览器窗口中显示的内容不能自适应地缩小,所以无法全部呈现出来,这时,现有技术通常在浏览器窗口的下方和/或右侧采用横向和/或纵向的滚动条,以便用户通过拖动滚动条可以浏览浏览器窗口中的全部内容。在浏览器窗口缩小时,对于文字等不需要交互的内容来说,通过滚动条实现全部内容的浏览是比较方便的。
但是,如果浏览器窗口中显示的是例如游戏等网络应用或其他需要交互的内容,当浏览器窗口缩小时,用户仍然需要与浏览器窗口中显示的网络应用进行交互,在这种情况下,使用滚动条的方式拖动则变得很不方便。
由此可见,在现有技术中,当浏览器窗口尺寸改变时无法自适应地调整浏览器窗口中的显示内容,因此,亟需一种能够根据浏览器窗口的大小来调整浏览器窗口显示的内容的方法。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的改变浏览器窗口中显示的内容的显示控制设备和相应的方法。
依据本发明的一个方面,提供了一种改变浏览器窗口中显示的内容的方法,所述内容包括一个或多个应用的显示内容,该方法包括以下步骤:为每一应用设置至少两种显示状态以及每种显示状态与浏览器窗口尺寸之间的对应关系;每当检测到浏览器窗口尺寸发生改变时,获取浏览器窗口的当前尺寸,并根据每一应用的显示状态与浏览器窗口尺寸之间的对应关系修改应用的显示状态;以及根据修改后的显示状态来改变所显示的应用的内容。
可选地,通过下述步骤来检测浏览器窗口的尺寸改变:捕获在浏览器窗口的尺寸发生改变时触发的事件,并处理该事件以获取浏览器窗口的当前尺寸。
可选地,其中每一应用的显示状态包括:完整显示、精简显示和缺省显示。
可选地,每种显示状态与浏览器窗口尺寸之间的对应关系包括:当浏览器窗口的尺寸为第一尺寸时,应用的显示状态为完整显示;当浏览器窗口的尺寸为第二尺寸时,应用的显示状态为精简显示;当浏览器窗口的尺寸为第三尺寸时,应用的显示状态为缺省显示;其中,第一尺寸大于第二尺寸,第二尺寸大于第三尺寸。
可选地,其中根据修改后的显示状态来改变应用所显示的内容的步骤包括:当显示状态为完整显示时,所显示的应用的内容包括应用的应用图标以及应用名称;当显示状态为精简显示时,所显示的应用的内容包括应用的应用图标,但是不包括应用名称;以及当显示状态为缺省显示时,所显示的应用的内容不包括应用的应用图标和应用名称。
可选地,其中浏览器窗口中显示的内容还包括工具条,该方法还包括:将一个或者多个应用的显示内容同时显示在工具条中;为工具条设置至少两种显示状态以及每种显示状态与浏览器窗口尺寸之间的对应关系;每当检测到浏览器窗口尺寸发生改变时,还根据工具条的显示状态与浏览器窗口尺寸之间的对应关系调整工具条的显示状态。
可选地,还包括:获取浏览器窗口的初始尺寸,根据对应关系确定每一应用的初始显示状态,以及根据初始显示状态显示应用的内容。
根据本发明的另一方面,提供了一种改变浏览器窗口中显示的内容的显示控制设备,显示的内容包括一个或多个应用的显示内容,该显示控制设备包括:一个或多个应用显示控制器,每个应用显示控制器与一个应用相对应,并且适于为每一应用设置至少两种显示状态,以及根据显示状态来控制应用的显示内容;窗口管理器,适于接收每个应用显示控制器设置的显示状态,设置每种显示状态与浏览器窗口尺寸之间的对应关系,并在检测到浏览器窗口尺寸发生改变时,获取浏览器窗口的当前尺寸,并根据每一应用的显示状态与浏览器窗口尺寸之间的对应关系将该应用的当前显示状态通知给每个应用相对应的应用显示控制器。
可选地,其中窗口管理器包括:布局管理器和窗口监听器,其中,窗口监听器适于检测浏览器窗口尺寸,并在检测到浏览器窗口尺寸发生改变时,获取浏览器窗口的当前尺寸,并将当前尺寸传送给布局管理器;以及布局管理器适于设置每种显示状态与浏览器窗口尺寸之间的对应关系,并根据窗口监听器获取的浏览器窗口尺寸以及对应关系,确定应用的显示状态,并将确定的显示状态通知给每个应用相对应的应用显示控制器。
可选地,窗口监听器捕获在浏览器窗口的尺寸发生改变时触发的事件,并处理该事件以获取浏览器窗口的当前尺寸。
可选地,其中每个应用显示控制器为每一应用设置的显示状态包括:完整显示、精简显示和缺省显示。
可选地,其中,当浏览器窗口的尺寸为第一尺寸时,应用显示控制器将应用显示状态设置为完整显示;当浏览器窗口的尺寸为第二尺寸时,应用显示控制器将应用的显示状态设置为精简显示;当浏览器窗口的尺寸为第三尺寸时,应用显示控制器将应用的显示状态设置为缺省显示;其中,第一尺寸大于第二尺寸,第二尺寸大于第三尺寸。
可选地,其中:当应用的显示状态为完整显示时,所显示的应用的内容包括应用的应用图标以及应用名称;当应用的显示状态为精简显示时,所显示的应用的内容包括应用的应用图标,但是不包括应用名称;以及当应用的显示状态为缺省显示时,所显示的应用的内容不包括应用的应用图标和应用名称。
可选地,其中浏览器窗口中显示的内容还包括工具条,显示控制设备还包括:工具条显示控制器,其为工具条设置至少两种显示状态以及每种显示状态与浏览器窗口尺寸之间的对应关系,并根据窗口管理器的通知控制工具条的显示状态;其中,窗口管理器每当检测到浏览器窗口尺寸发生改变时,还根据工具条的显示状态与浏览器窗口尺寸之间的对应关系通知工具条显示控制器调整工具条的显示状态。
可选地,窗口管理器还适于获取浏览器窗口的初始尺寸,根据对应关系确定每一应用的初始显示状态,以及根据初始显示状态显示应用的内容。
根据本发明的显示控制设备及方法,可以根据浏览器窗口的当前尺寸,为浏览器窗口中的显示内容设置不同的显示状态,由此解决了当浏览器窗口尺寸改变时无法自适应地调整浏览器窗口中的显示的内容的问题,取得了能够根据浏览器窗口尺寸的改变自适应地调整浏览器窗口中的显示的内容的有益效果。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的附图标记表示相同的部件。在附图中:
图1示出了根据本发明一个实施例的改变浏览器窗口中显示的内容的显示控制设备的结构示意图;
图2a示出了根据本发明一个实施例中应用的显示状态为完整显示状态时应用的显示内容示意图;
图2b示出了根据本发明一个实施例中应用的显示状态为精简显示状态时应用的显示内容示意图;以及
图3示出了根据本发明一个实施例的改变浏览器窗口中显示的内容的方法流程图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
本发明提供了一种改变浏览器窗口中显示的内容的显示控制设备及方法,可以解决现有技术的浏览器窗口中的显示内容无法自适应调整的问题。
图1示出了根据本发明的一个实施例提供的改变浏览器窗口中显示的内容的显示控制设备的结构示意图。其中,浏览器窗口中显示的内容包括一个或多个应用的显示内容,如图1所示,该显示控制设备100包括:一个或多个应用显示控制器110以及窗口管理器120。其中,应用显示控制器110的数量与浏览器窗口中所显示的应用的数量相对应。每个应用显示控制器110与一个应用相对应,并且适于为每一应用设置至少两种显示状态,以及根据显示状态来控制应用在浏览器窗口中的显示内容。这里,每个应用显示控制器110为每一应用设置的显示状态可以包括:完整显示、精简显示和缺省显示。应用显示控制器110将这三种显示状态传送给窗口管理器120。窗口管理器120接收每个应用显示控制器110所传送的为相应的应用设置的显示状态,并设置显示状态与浏览器窗口尺寸之间的对应关系,在检测到浏览器窗口尺寸发生改变时,获取浏览器窗口的当前尺寸,并根据每一应用的显示状态与浏览器窗口尺寸之间的对应关系确定该应用的当前显示状态,并将该应用的当前显示状态通知给每个应用相对应的应用显示控制器110,由应用显示控制器110根据窗口管理器120的通知,在浏览器窗口显示应用的当前显示状态对应的显示内容。
窗口管理器120设置的每种显示状态与浏览器窗口尺寸之间的对应关系可以包括:当浏览器窗口的尺寸为大于第一阈值的第一尺寸时,通知应用显示控制器110将应用显示状态设置为完整显示;当浏览器窗口的尺寸为介于第一阈值和第二阈值之间的第二尺寸时,通知应用显示控制器110将应用的显示状态设置为精简显示;当浏览器窗口的尺寸为小于第二阈值的第三尺寸时,通知应用显示控制器110将应用的显示状态设置为缺省显示;其中,第一阈值大于第二阈值。相应地,当窗口管理器120通知应用显示控制器110应用的显示状态为完整显示时,应用显示控制器110控制在浏览器窗口所显示的应用的内容包括应用的应用图标以及应用名称;当窗口管理器120通知应用显示控制器110应用的显示状态为精简显示时,应用显示控制器110控制在浏览器窗口所显示的应用的内容包括应用的应用图标,但是不包括应用名称;以及当窗口管理器120通知应用显示控制器110应用的显示状态为缺省显示时,应用显示控制器110控制在浏览器窗口所显示的应用的内容不包括应用的应用图标和应用名称。
可选地,窗口管理器120包括布局管理器121和窗口监听器122。其中,窗口监听器122检测当前浏览器窗口尺寸,并在检测到当前浏览器窗口尺寸发生改变时,获取浏览器窗口的当前尺寸,并将浏览器窗口的当前尺寸传送给布局管理器121。具体地,窗口监听器122可以通过捕获在浏览器窗口的当前尺寸发生改变时所触发的事件,并处理该事件来获取浏览器窗口的当前尺寸。具体而言,在处理该事件时,通过监听该事件并获取事件中包含的浏览器窗口的当前尺寸信息来检测浏览器窗口的尺寸。布局管理器121设置每种显示状态与浏览器窗口尺寸之间的对应关系,并根据窗口监听器122获取的浏览器窗口尺寸以及显示状态与浏览器窗口尺寸之间的对应关系,确定应用的显示状态,将所确定的显示状态通知给每个应用相对应的应用显示控制器110。
在上述实施例中的起始阶段中,窗口管理器120还获取浏览器窗口的初始尺寸,根据显示状态与浏览器窗口尺寸之间的对应关系确定每一应用的初始显示状态,以及根据所确定的初始显示状态在浏览器窗口显示应用的内容,从而实现了浏览器窗口的初始显示。
下面通过具体例子详细说明图1所示的显示控制设备的工作过程。
首先,每个应用显示控制器110为对应的应用设置一个显示布局属性,由参数supportedLayout来表示,例如,可以通过如下代码实现:
var myapp=new U8App();
myapp.supportedLayout=[‘none’,‘mini’,‘full’];
在上面的代码中,对于myapp这个应用,参数supportedLayout定义了myapp这个应用具有的三种显示状态:‘none’,‘mini’,‘full’,其中,‘none’代表缺省显示状态,‘mini’代表精简显示状态,‘full’代表完整显示状态。
应用显示控制器110将上面设置的显示布局属性参数supportedLayout中定义的三种显示状态传送给窗口管理器120,窗口管理器120在加载该应用显示控制器110对应的应用时会对显示布局属性参数supportedLayout中定义的三种显示状态进行存储。具体地,窗口管理器120加载应用时可以通过如下代码实现:
Figure BDA00002216457700071
然后,窗口管理器120中的窗口监听器122对当前浏览器窗口尺寸进行检测,并在检测到当前浏览器窗口尺寸发生改变时,获取浏览器窗口的当前尺寸,并将浏览器窗口的当前尺寸传送给布局管理器121。具体地,窗口监听器122可以通过捕获在浏览器窗口的尺寸发生改变时触发的事件,并处理该事件以获取浏览器窗口的当前尺寸。例如,当浏览器窗口的尺寸发生改变时将触发API window.onresize事件,窗口监听器122通过监听APIwindow.onresize事件即可达到实时监控浏览器窗口大小的功能。具体地,窗口监听器122监听API window.onresize事件可通过如下代码实现:
window.onload=window.onresize=function(event){
layoutManger.reflow();
}
通过上述方式,窗口监听器122就可以达到实时监测浏览器窗口大小的效果。每当窗口监听器122监测到浏览器窗口大小发生改变时,就获取浏览器窗口的当前尺寸,并将浏览器窗口的当前尺寸传送给布局管理器121,由布局管理器121根据预先设置的显示状态与浏览器窗口尺寸之间的对应关系,确定应用的显示状态。
布局管理器121需要预先设置应用的显示状态与浏览器窗口尺寸之间的对应关系,例如,可以设置当浏览器窗口宽度大于1280像素时,应用的显示状态为完整显示;当浏览器窗口宽度大于800像素小于1280像素时,应用的显示状态为精简显示;当浏览器窗口宽度小于800像素时,应用的显示状态为缺省显示。设置应用的显示状态与浏览器窗口尺寸之间的对应关系时可以通过如下代码实现:
Figure BDA00002216457700081
布局管理器121在接收到窗口监听器122传送过来的浏览器窗口的当前尺寸后,根据上述设置的显示状态与浏览器窗口尺寸之间的对应关系,确定与浏览器窗口的当前尺寸对应的应用的显示状态,并将所确定的应用的显示状态通知给每个应用相对应的应用显示控制器110,由应用显示控制器110根据显示状态进行显示。例如,当浏览器窗口宽度为1300像素时,确定应用的显示状态为完整显示,并通知应用显示控制器110在浏览器窗口以完整显示方式显示应用,这时,可以尽可能多地显示应用的内容,例如,如图2a所示,显示了“我的部落”、“游戏攻略”等应用的应用图标、应用名称;当浏览器窗口宽度为900像素时,确定应用的显示状态为精简显示,并通知应用显示控制器110在浏览器窗口以精简显示方式显示应用,只显示应用的部分内容,例如,如图2b所示,显示了“我的部落”、“游戏攻略”等应用的应用图标,而没有显示其应用名称;当浏览器窗口宽度为600像素时,确定应用的显示状态为缺省显示,并通知应用显示控制器110在浏览器窗口以缺省显示方式显示应用,这时,不显示应用的内容,即,暂时隐藏应用。上面描述的应用显示控制器110根据布局管理器121的通知,控制应用的显示状态时,可通过如下代码实现:
可选地,在本实施例的起始阶段中,窗口监听器122还用于获取浏览器窗口的初始尺寸,并通知布局管理器121根据预先设置的对应关系确定每一应用的初始显示状态,并根据初始显示状态在浏览器窗口显示应用的内容,从而实现浏览器窗口的初始显示。
另外,在一般情况下,浏览器窗口中的应用都是显示在工具条上的,因此,当应用的显示状态发生改变时,工具条的显示状态也可以相应地发生改变。因此,本实施例中的显示控制设备还可以包括工具条显示控制器,其为工具条设置至少两种(例如三种)显示状态,并定义在每种显示状态下的工具条显示方式,并根据窗口管理器120的通知控制工具条的显示状态。窗口管理器120(例如,通过布局管理器121)除了设置应用的显示状态与浏览器窗口尺寸之间的对应关系之外,还设置工具条的显示状态与浏览器窗口尺寸之间的对应关系。因此,每当窗口管理器120检测到浏览器窗口尺寸发生改变时,还根据工具条的显示状态与浏览器窗口尺寸之间的对应关系通知工具条显示控制器工具条的新显示状态。具体地,对于工具条显示状态的设置和控制过程,可参照上述对于应用显示状态的设置和控制过程实现。例如,可以设置当浏览器窗口宽度大于1280像素时,工具条的显示状态为以第一显示尺寸进行显示,此时工具条上的应用的显示状态对应地为完整显示;当浏览器窗口宽度大于800像素小于1280像素时,工具条的显示状态为以第二显示尺寸进行显示,此时工具条上的应用的显示状态对应地为精简显示;当浏览器窗口宽度小于800像素时,工具条的显示状态为以第三显示尺寸进行显示,此时工具条上的应用的显示状态对应地为缺省显示。其中,第一显示尺寸大于第二显示尺寸,第二显示尺寸大于第三显示尺寸。
图3示出了本发明实施例提供的改变浏览器窗口中显示的内容的方法流程图,其中,浏览器窗口中显示的内容包括一个或多个应用的显示内容。如图3所示,该方法始于步骤S310,在步骤S310中,为每一应用设置至少两种显示状态以及每种显示状态与浏览器窗口尺寸之间的对应关系。具体地,可以通过前面所述的方式,为每一应用设置一个显示布局属性,由表示该显示布局属性的参数supportedLayout来定义每一应用包含的显示状态,显示状态例如包括完整显示、精简显示、和缺省显示。每种显示状态与浏览器窗口尺寸之间的对应关系可以包括:当浏览器窗口的尺寸为大于第一阈值的第一尺寸时,应用的显示状态为完整显示;当浏览器窗口的尺寸为介于第一阈值与第二阈值之间的第二尺寸时,应用的显示状态为精简显示;当浏览器窗口的尺寸为小于第二阈值的第三尺寸时,应用的显示状态为缺省显示;其中,第一阈值大于第二阈值,第一阈值和第二阈值可以根据需要进行设置,例如第一阈值设置为1200像素,第二阈值设置为700像素。具体地,可参照前面关于布局管理器121的描述。一般而言,在步骤S310中,可以由图1中的与每个应用相对应的应用显示控制器110为相应应用来设置应用的显示状态,并且由布局管理器122来设置每种显示状态与浏览器窗口尺寸之间的对应关系。
在上述步骤S310中设置了每一应用的显示状态以及显示状态与浏览器窗口尺寸之间的对应关系之后,在步骤S320中,每当检测到浏览器窗口尺寸发生改变时,获取浏览器窗口的当前尺寸,并根据每一应用的显示状态与浏览器窗口尺寸之间的对应关系修改应用的显示状态。
具体地,持续监测浏览器窗口的尺寸,以判断浏览器窗口的尺寸是否发生改变。例如,可以通过捕获在浏览器窗口的尺寸发生改变时触发的事件,并处理该事件以获取浏览器窗口的当前尺寸。例如,可以参照前面所述的窗口监听器捕获API window.onresize事件的实现方式实现。当检测到浏览器窗口尺寸发生改变时,根据步骤S310中设置的显示状态与浏览器窗口尺寸之间的对应关系,修改与浏览器窗口的当前尺寸对应的应用的显示状态。一般而言,步骤S320可以由图1中的窗口管理器120,尤其是窗口管理器中的窗口监听器122来执行。
随后,在步骤S330中,根据修改后的应用的显示状态来改变该应用在浏览器中所显示的内容。
具体地,在步骤S330中,根据步骤S320中确定的与浏览器窗口的当前尺寸对应的应用显示状态来显示应用的内容,具体显示方式可以参照上述的应用显示控制器110中的实现方式。例如,当显示状态为完整显示时,所显示的应用的内容包括应用的应用图标以及应用名称;当显示状态为精简显示时,所显示的应用的内容包括应用的应用图标,但是不包括应用名称;以及当显示状态为缺省显示时,所显示的应用的内容不包括应用的应用图标和应用名称。
进一步地,在该方法的起始阶段,还包括以下步骤:获取浏览器窗口的初始尺寸,根据显示状态与浏览器窗口尺寸之间的对应关系确定每一应用的初始显示状态,这个步骤可以由图1中的布局管理器121来执行。随后,由相应应用的应用显示控制器110根据初始显示状态显示应用的内容。
另外,在一般情况下,浏览器窗口中的应用都是显示在工具条上的,因此,当应用的显示状态发生改变时,工具条的显示状态也应该相应地发生改变。因此,本实施例中的方法还可以进一步包括以下步骤:将一个或者多个应用的显示内容同时显示在工具条中;为工具条设置至少两种(例如三种)显示状态以及每种显示状态与浏览器窗口尺寸之间的对应关系;每当检测到浏览器窗口尺寸发生改变时,还根据工具条的显示状态与浏览器窗口尺寸之间的对应关系调整工具条的显示状态。
根据本发明的显示控制设备及方法,可以根据浏览器窗口的当前尺寸,为浏览器窗口中的显示内容设置不同的显示状态,由此解决了当浏览器窗口尺寸改变时无法自适应调整浏览器窗口中的显示内容的问题,实现了能够根据浏览器窗口尺寸的改变自适应地调整浏览器窗口中的显示内容的有益效果。由于本发明中,当浏览器窗口尺寸发生变化时,浏览器窗口中显示的内容也相应地发生变化,例如,当浏览器窗口缩小时,浏览器窗口中所显示的应用只包含应用图标,而不包含应用名称,这样,可以在较小的浏览器窗口中实现全部应用图标的展现,从而使得用户可以点击自己需要的图标,而不会出现由于浏览器窗口较小,应用显示不全而造成想要点击的应用没有显示出来的情况。这种实现方式尤其适用于交互性较强的场合,例如游戏中的应用。而且,当浏览器窗口放大时,还可以恢复对应用的完整显示,从而方便新手了解各个应用图标的具体功能。
另外,本发明的显示控制设备及方法通过监听浏览器窗口大小改变时所触发的事件,可以达到实时监测的效果,并且,根据预先设置的对应关系能够自动改变应用的显示状态。也就是说,当本发明中的浏览器窗口大小改变时,应用的显示状态能够自动地根据窗口大小进行变化,用户无需刷新页面,从而提高了用户体验。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的显示控制设备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

Claims (15)

1.一种改变浏览器窗口中显示的内容的方法,所述内容包括一个或多个应用的显示内容,该方法包括以下步骤:
为每一应用设置至少两种显示状态以及每种显示状态与浏览器窗口尺寸之间的对应关系;
每当检测到浏览器窗口尺寸发生改变时,获取浏览器窗口的当前尺寸,并根据每一应用的显示状态与所述浏览器窗口尺寸之间的对应关系修改所述应用的显示状态;以及
根据修改后的显示状态来改变所显示的所述应用的内容。
2.如权利要求1所述的方法,其中,通过下述步骤来检测所述浏览器窗口的尺寸改变:
捕获在所述浏览器窗口的尺寸发生改变时触发的事件,并处理该事件以获取浏览器窗口的当前尺寸。
3.如权利要求1或者2所述的方法,其中每一应用的显示状态包括:完整显示、精简显示和缺省显示。
4.如权利要求3所述的方法,所述每种显示状态与浏览器窗口尺寸之间的对应关系包括:
当浏览器窗口的尺寸为第一尺寸时,应用的显示状态为完整显示;
当浏览器窗口的尺寸为第二尺寸时,应用的显示状态为精简显示;
当浏览器窗口的尺寸为第三尺寸时,应用的显示状态为缺省显示;
其中,所述第一尺寸大于所述第二尺寸,所述第二尺寸大于所述第三尺寸。
5.如权利要求3或4所述的方法,其中根据修改后的显示状态来改变所述应用所显示的内容的步骤包括:
当显示状态为完整显示时,所显示的所述应用的内容包括应用的应用图标以及应用名称;
当显示状态为精简显示时,所显示的所述应用的内容包括应用的应用图标,但是不包括应用名称;以及
当显示状态为缺省显示时,所显示的所述应用的内容不包括应用的应用图标和应用名称。
6.如权利要求1-5中任一个所述的方法,其中所述浏览器窗口中显示的内容还包括工具条,该方法还包括:
将所述一个或者多个应用的显示内容同时显示在所述工具条中;
为所述工具条设置至少两种显示状态以及每种显示状态与浏览器窗口尺寸之间的对应关系;
每当检测到浏览器窗口尺寸发生改变时,还根据所述工具条的显示状态与所述浏览器窗口尺寸之间的对应关系调整所述工具条的显示状态。
7.根据权利要求1-6中任一个所述的方法,还包括:
获取浏览器窗口的初始尺寸,根据所述对应关系确定每一应用的初始显示状态,以及根据所述初始显示状态显示所述应用的内容。
8.一种改变浏览器窗口中显示的内容的显示控制设备,所述显示的内容包括一个或多个应用的显示内容,该显示控制设备包括:
一个或多个应用显示控制器,每个应用显示控制器与一个应用相对应,并且适于为每一应用设置至少两种显示状态,以及根据显示状态来控制所述应用的显示内容;
窗口管理器,适于接收每个应用显示控制器设置的显示状态,设置每种显示状态与浏览器窗口尺寸之间的对应关系,并在检测到浏览器窗口尺寸发生改变时,获取浏览器窗口的当前尺寸,并根据每一应用的显示状态与所述浏览器窗口尺寸之间的对应关系将该应用的当前显示状态通知给每个应用相对应的应用显示控制器。
9.如权利要求8所述的显示控制设备,其中所述窗口管理器包括:布局管理器和窗口监听器,其中,
所述窗口监听器适于检测浏览器窗口尺寸,并在检测到浏览器窗口尺寸发生改变时,获取浏览器窗口的当前尺寸,并将所述当前尺寸传送给所述布局管理器;以及
所述布局管理器适于设置每种显示状态与浏览器窗口尺寸之间的对应关系,并根据所述窗口监听器获取的浏览器窗口尺寸以及所述对应关系,确定应用的显示状态,并将确定的显示状态通知给每个应用相对应的应用显示控制器。
10.如权利要求9所述的显示控制设备,所述窗口监听器捕获在所述浏览器窗口的尺寸发生改变时触发的事件,并处理该事件以获取浏览器窗口的当前尺寸。
11.如权利要求8-10中任一个所述的显示控制设备,其中每个应用显示控制器为每一应用设置的显示状态包括:完整显示、精简显示和缺省显示。
12.如权利要求11所述的显示控制设备,其中,
当浏览器窗口的尺寸为第一尺寸时,所述应用显示控制器将所述应用显示状态设置为完整显示;
当浏览器窗口的尺寸为第二尺寸时,所述应用显示控制器将所述应用的显示状态设置为精简显示;
当浏览器窗口的尺寸为第三尺寸时,所述应用显示控制器将所述应用的显示状态设置为缺省显示;
其中,所述第一尺寸大于所述第二尺寸,所述第二尺寸大于所述第三尺寸。
13.如权利要求11或12所述的显示控制设备,其中:
当应用的显示状态为完整显示时,所显示的所述应用的内容包括应用的应用图标以及应用名称;
当应用的显示状态为精简显示时,所显示的所述应用的内容包括应用的应用图标,但是不包括应用名称;以及
当应用的显示状态为缺省显示时,所显示的所述应用的内容不包括应用的应用图标和应用名称。
14.如权利要求8-13中任一个所述的显示控制设备,其中所述浏览器窗口中显示的内容还包括工具条,所述显示控制设备还包括:
工具条显示控制器,其为所述工具条设置至少两种显示状态,并根据显示状态来控制所述工具条的显示内容;
其中,所述窗口管理器还适于设置工具条的每种显示状态与浏览器窗口尺寸之间的对应关系,并且每当检测到浏览器窗口尺寸发生改变时,还根据所述工具条的显示状态与所述浏览器窗口尺寸之间的对应关系将该工具条的新显示状态通知给所述工具条显示控制器。
15.根据权利要求8-14中任一个所述的显示控制设备,所述窗口管理器还适于获取浏览器窗口的初始尺寸,根据所述对应关系确定每一应用的初始显示状态,以及根据所述初始显示状态显示所述应用的内容。
CN201210376227.7A 2012-09-29 2012-09-29 改变浏览器窗口显示的内容的显示控制设备及方法 Active CN102880391B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201210376227.7A CN102880391B (zh) 2012-09-29 2012-09-29 改变浏览器窗口显示的内容的显示控制设备及方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201210376227.7A CN102880391B (zh) 2012-09-29 2012-09-29 改变浏览器窗口显示的内容的显示控制设备及方法

Publications (2)

Publication Number Publication Date
CN102880391A true CN102880391A (zh) 2013-01-16
CN102880391B CN102880391B (zh) 2016-08-10

Family

ID=47481742

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201210376227.7A Active CN102880391B (zh) 2012-09-29 2012-09-29 改变浏览器窗口显示的内容的显示控制设备及方法

Country Status (1)

Country Link
CN (1) CN102880391B (zh)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104021766A (zh) * 2014-06-26 2014-09-03 西安诺瓦电子科技有限公司 媒体内容自适应显示方法和led显示控制器
CN104571979A (zh) * 2013-10-09 2015-04-29 腾讯科技(深圳)有限公司 一种实现分屏视图的方法和装置
CN104808782A (zh) * 2014-01-28 2015-07-29 中兴通讯股份有限公司 应用分屏方法与装置、智能终端
CN105637464A (zh) * 2013-09-10 2016-06-01 谷歌公司 用于网站和内容的滚动结束效果
CN104063196B (zh) * 2014-06-26 2017-01-18 西安诺瓦电子科技有限公司 节目清单自适应编辑方法及装置
CN106648710A (zh) * 2017-01-12 2017-05-10 郑州云海信息技术有限公司 一种界面状态栏的显示方法及系统

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5666498A (en) * 1996-03-29 1997-09-09 International Business Machines Corporation Method, memory and apparatus for automatically resizing a window
CN1243287A (zh) * 1998-07-06 2000-02-02 国际商业机器公司 与显示屏和窗口大小相关的web页适配系统
US20010047626A1 (en) * 2000-01-26 2001-12-06 Akira Ohkado Window controlling method
CN1802691A (zh) * 2003-04-08 2006-07-12 费弗里特系统公司 包括计算机设备的开窗口及其控制系统
CN1853199A (zh) * 2003-10-24 2006-10-25 微软公司 多模式视窗呈现系统和过程
CN102043618A (zh) * 2009-10-22 2011-05-04 北大方正集团有限公司 一种窗口对象显示样式的控制方法及装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5666498A (en) * 1996-03-29 1997-09-09 International Business Machines Corporation Method, memory and apparatus for automatically resizing a window
CN1243287A (zh) * 1998-07-06 2000-02-02 国际商业机器公司 与显示屏和窗口大小相关的web页适配系统
US20010047626A1 (en) * 2000-01-26 2001-12-06 Akira Ohkado Window controlling method
CN1802691A (zh) * 2003-04-08 2006-07-12 费弗里特系统公司 包括计算机设备的开窗口及其控制系统
CN1853199A (zh) * 2003-10-24 2006-10-25 微软公司 多模式视窗呈现系统和过程
CN102043618A (zh) * 2009-10-22 2011-05-04 北大方正集团有限公司 一种窗口对象显示样式的控制方法及装置

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105637464A (zh) * 2013-09-10 2016-06-01 谷歌公司 用于网站和内容的滚动结束效果
CN105637464B (zh) * 2013-09-10 2019-07-26 谷歌有限责任公司 用于网站和内容的滚动结束效果
CN104571979A (zh) * 2013-10-09 2015-04-29 腾讯科技(深圳)有限公司 一种实现分屏视图的方法和装置
CN104571979B (zh) * 2013-10-09 2018-12-11 腾讯科技(深圳)有限公司 一种实现分屏视图的方法和装置
CN104808782A (zh) * 2014-01-28 2015-07-29 中兴通讯股份有限公司 应用分屏方法与装置、智能终端
WO2015113347A1 (zh) * 2014-01-28 2015-08-06 中兴通讯股份有限公司 应用分屏方法与装置、智能终端、存储介质
CN104021766A (zh) * 2014-06-26 2014-09-03 西安诺瓦电子科技有限公司 媒体内容自适应显示方法和led显示控制器
CN104021766B (zh) * 2014-06-26 2016-06-08 西安诺瓦电子科技有限公司 媒体内容自适应显示方法和led显示控制器
CN104063196B (zh) * 2014-06-26 2017-01-18 西安诺瓦电子科技有限公司 节目清单自适应编辑方法及装置
CN106648710A (zh) * 2017-01-12 2017-05-10 郑州云海信息技术有限公司 一种界面状态栏的显示方法及系统

Also Published As

Publication number Publication date
CN102880391B (zh) 2016-08-10

Similar Documents

Publication Publication Date Title
CN102902789A (zh) 改变浏览器窗口显示的内容的显示控制设备及方法
CN102880391A (zh) 改变浏览器窗口显示的内容的显示控制设备及方法
JP5324411B2 (ja) 広告配信装置、方法及びプログラム
CN106156066B (zh) 一种页面切换方法、装置及客户端
CN103631958B (zh) 一种页面自动适配实现内容多屏展示的方法
US20140143644A1 (en) Web browser page transition acceleration
AU2015342974A1 (en) Contextual tabs in ribbons-based graphical user interfaces for mobile devices
CN104572057B (zh) 滚动条控制方法及装置
CA2836892A1 (en) Presentation format for an application tile
CN102117290A (zh) 一种展现网页中页面元素的方法及系统
CN105242817A (zh) 页面元素实时突出显示的方法及装置
TWI545450B (zh) 瀏覽器顯示子頁面的處理方法及瀏覽器
CN104239042A (zh) 热力图生成方法及装置
WO2013163438A1 (en) Testing the rendering of visual content
CN104793874A (zh) 一种界面显示方法及电子设备
CN103164541A (zh) 图片呈现方法及设备
CN107045546B (zh) 一种网页处理方法、装置及智能终端
CN102999613A (zh) 一种在浏览器中加载工具类窗口的方法及其装置
CN106294463B (zh) 一种动态曲线的数据点更新方法和设备
CN107273374B (zh) 一种下拉窗口的显示方法及装置
CN103838880A (zh) 一种网页广告过滤方法及装置
CN110781425B (zh) 移动端h5页面的显示方法、装置、设备及存储介质
CN104714716A (zh) 一种下载信息的显示方法及装置
CN103488508B (zh) 一种浏览器的工作方法、浏览器及终端设备
CN111142984A (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: 20220722

Address after: Room 801, 8th floor, No. 104, floors 1-19, building 2, yard 6, Jiuxianqiao Road, Chaoyang District, Beijing 100015

Patentee after: BEIJING QIHOO TECHNOLOGY Co.,Ltd.

Address before: 100088 room 112, block D, 28 new street, new street, Xicheng District, Beijing (Desheng Park)

Patentee before: BEIJING QIHOO TECHNOLOGY Co.,Ltd.

Patentee before: Qizhi software (Beijing) Co.,Ltd.

TR01 Transfer of patent right