CN103597446B - 一种移动浏览器上下文切换的方法和系统 - Google Patents

Abstract

公开了用于处理和显示内容的方法系统。一种示例方法包括：起始一移动装置上的两个或更多个窗口，并显示该移动装置上的该两个或更多个窗口中的第一窗口。该方法还包括：接收一屏幕上切换指令而指示一显示视图从正在显示的该第一窗口改变为该第一窗口与正在显示的至少一个额外窗口的组合。该方法还可以包括：确定该两个或更多个窗口中的每一窗口的空间量；根据该空间量而调整该两个或更多个窗口的大小。该方法还包括：以各自调整的大小而在该两个或更多个窗口中的每一个窗口附近显示一帧，且显示彼此重叠的每一个帧。示例方法提供在移动显示设备的公共观看区中同时活动的多个网页。

Description

一种移动浏览器上下文切换的方法和系统

技术领域

本发明领域是关于操作系统、软件应用程序及用户接口装置，且更特定地，是关于一种用于调整一移动装置显示器的显示区域内的多个浏览器上下文的系统、方法、装置或非瞬时计算机程序产品。

背景技术

网页浏览器普遍用于计算装置，例如膝上型计算机、智能电话、平板计算装置、个人数字助理(PDA)等。网页浏览器持续普遍成长而成为一种用于接入一特定网页页面和执行相关特征的工具。用户的主页通常会包含定制化的用户设定(例如默认的网页页面)和其它信息来源。举例而言，定制化的网页页面可包括当地天气、电子邮件、文字消息、星座、视频插件、背景等。

近来，网页浏览器使用选项卡拟制(tab metaphor)来表示正在浏览器内运行的浏览器上下文。网页浏览器可具有在任何给定时间下运行的多个浏览器上下文。任何浏览器上下文都可被选择而经由其相应选项卡加以显示。每一个选项卡与包含一网址的一对应的统一资源定位符(URL)字段相关联。同时，也存在有一些额外工具或按钮以允许用户在各种浏览器上下文之间向后或向前导航。可在任何时间选择每一个选项卡而提供用户选项以切换至不同的浏览器上下文。

在移动装置上，无法使用选项卡拟制来表示浏览上下文，因为屏幕的真实区域并不够大。在一移动装置的显示区域内，选项卡会占据大部分的屏幕，且当选项卡的数量增加时，选项卡并不能非常良好地水平调整。由于小屏幕的触碰式用户接口固有的不精确性之故，选项卡的选择也更为困难。

发明内容

在一具体实施例中，一种方法包括在一移动装置上起始两个或更多个窗口，并且在该移动装置上显示该两个或更多个窗口中的一第一窗口。该方法也包括接收一屏幕上切换指示而使一显示视图从正在显示的该第一窗口改变为该第一窗口与正在显示的该两个或更多个额外窗口中的至少一个额外窗口的组合、确定该两个或更多个窗口中的每一个窗口的一空间量、根据该空间量而调整该两个或更多个窗口的大小、以相应的所调整的大小而在该两个或更多个窗口中的每一个窗口附近显示一帧、并且显示彼此重叠的每一个帧。

在另一具体实施例中，一种系统包括一内容调整器，其利用一计算装置而实施，并配置以执行各种操作。这些操作包括在一移动装置上起始两个或更多个窗口、提供一显示而在该移动装置上显示该两个或更多个窗口中的一第一窗口、接收一屏幕上切换指示而使一显示视图从正在显示的该第一窗口改变为该第一窗口与正在显示的该两个或更多个额外窗口中的至少一个额外窗口的组合、为该两个或更多个窗口中的每一个窗口确定一空间量、以及根据该空间量调整该两个或更多个窗口中的每一个窗口的大小。该系统也包括一显示装置，其配置为以相应的所调整的大小而在该两个或更多个窗口中的每一个窗口附近显示一帧、以及显示彼此重叠的每一个帧。

在另一具体实施例中，一种非瞬时计算机可读取的储存媒介配置以储存指令，该指令在被执行时使一处理器执行某些操作。这些操作包括在一移动装置上起始两个或更多个窗口、在该移动装置上显示该两个或更多个窗口中的一第一窗口、接收一屏幕上切换指示而使一显示视图从正在显示的该第一窗口改变为该第一窗口与正在显示的该两个或更多个额外窗口中的至少一个额外窗口的组合、确定该两个或更多个窗口中的每一个窗口的一空间量、以及根据该空间量而调整该两个或更多个窗口的大小。这些操作也包括以相应的所调整的大小而在该两个或更多个窗口中的每一个窗口附近显示一帧、以及显示彼此重叠的每一个帧。

参照如附图式，下文将详细说明其它具体实施例、特征和优势、以及各种具体实施例的结构和操作。

附图说明

参照如附图式来说明具体实施例。在图式中，相同的组件符号代表相同的、或功能上类似的组件。在图式中，先出现的组件通常是由对应组件符号中的最左边数字加以表示。

图1A为根据一具体实施例的一手持式用户计算装置的示意图，该手持式用户计算装置显示了一组浏览器上下文。

图1B为根据一具体实施例的一手持式用户计算装置的示意图，该手持式用户计算装置显示了额外的一组浏览器上下文。

图1C为根据一具体实施例的一手持式用户计算装置的示意图，该手持式用户计算装置显示了额外的一组浏览器上下文。

图2为根据一具体实施例的一显示系统的示意图。

图3为根据一具体实施例的方法操作的流程示意图。

具体实施方式

本文所述的具体实施例仅为特定应用的说明。应该理解本发明并不限于这些具体实施例。熟习该领域技术的人在本文所提供的教示下将可理解在本文范畴内的其它变更例、应用例与具体实施例，以及本发明显然具有实用性的其它应用领域。

在下述具体实施例的详细说明中，当述及“一个具体实施例”、“一具体实施例”、“一例示具体实施例”等时，是表示所述的具体实施例包括一特定特征、结构或特性，但每个具体实施例并非必须包括该特定特征、结构或特性。此外，这类用语并非必须指代相同的具体实施例。此外，当连结一具体实施例而说明一特定特征、结构或特性时，是假设在熟习该领域技术的人所具知识范围内能够将此一特征、结构或特性与其它具体实施例连结，无论文中是否有特别加以说明。

例示具体实施例提供了一种方式来可视化及切换于一移动装置上同时显示的数个浏览器上下文之间。这些浏览器上下文为了配备有小屏幕的触碰式移动装置而加以优化。例示具体实施例为用户提供了一种方式以使数个浏览器上下文显示于具有相对小的显示屏幕的一移动装置上。每一个浏览器上下文都以围绕该浏览器上下文的一帧来表示。帧包括用户可观看到的一网页页面。帧可自由重叠，允许用户在任何给定时间点选择其想要观看的、或要互动的浏览器上下文。

图1A为根据一具体实施例的一手持式用户计算装置的示意图，其显示一组浏览器上下文。参阅第图1A，其显示了一手持式移动装置101，例如一移动电话、移动站、智能电话、或其它手持式计算装置。手持装置101包括一显示区域103，用户观看该显示区域103并且经由重叠在该显示区域103上的一触控屏幕传感器配置来对其控制。以一用户手部侧影105A来说明控制显示区域103的可观看内容。举例而言，该用户正观看一浏览器上下文，且可选择一切换器图标135而将视图从一浏览器上下文改变至数个浏览器上下文。在此例中，通过选择切换器图标135，用户的视图可从一浏览器上下文(未示)变换至当前的帧109、111、113和115的视图。额外的帧117、119、121、123和125堆叠于页面的底部处。多个帧中的每一个帧都是打开的，且在移动装置101的操作系统的环境内运行。

在操作时，用户选择一浏览器应用程序，并发起一浏览器上下文。因为一主页连结至该浏览器，初始的浏览器上下文会被打开且可观看。用户可导航至一特定网站，并下载所关注的网页页面。在选择一网页页面时，用户可能想要打开额外的浏览器上下文来观看额外的网页页面，而不关闭或离开先前接入的网页页面。在多个浏览器上下文被打开时，即由一组帧109、111、113、115、117、119、121、123和125来显示一浏览器队列或清单。帧109可包括具有一第一浏览器上下文的一第一网页“www.webpageA.com”，而额外的网页“www.webpageB.com”、“www.webpageC.com”、“www.webpageD.com”、“www.webpageE.com”、“www.webpageF.com”、“www.webpageG.com”、“www.webpageH.com”和“www.webpageI.com”则分别显示于额外的帧111、113、115、117、119、121、123和125中。

帧109、111、113、115、117、119、121、123和125的次序可由经该浏览器应用程序来接入网页的次序所支配。举例而言，用户发起一浏览器应用程序并接入一第一网页，然后经由其浏览器上下文来最小化、或移动该网页的目前视图，以发起其它的浏览器上下文。切换视图通过选择切换器图标135而进行。此程序可执行数次，以发起数个不同的浏览器上下文以及含有网页页面的对应帧。当帧数量持续增加时，显示器仅提供在任何给定时间点下的最大可观看帧数。在图1A的当前视图中，一次仅可显示四个帧109、111、113和115。其它的帧117、119、121、123和125则堆叠在显示区域103的底部处。每一个显示器的可观看帧数会有所变化。然而，显示器屏幕的真实区域限制为仅有限数量的帧。

图1B为根据一具体实施例的一手持式用户计算装置的示意图，其显示另外一组浏览器上下文。参阅图1B，用户通过从屏幕的底部向上卷动(如箭头129所示)而执行一卷动操作，而由于用户的卷动动作之故，先前所未描述的额外帧被有效地卷入显示区域103的观看区域中。举例而言，帧117、119和121含有不同浏览器上下文的额外窗口，其在用户手部动作向上卷动(如用户的手部位置105B所表示)之前并无法被观看。用户向上卷动的手部动作105B会使额外帧117、119和121可被观看，而堆叠的帧109、111和113则在屏幕的顶部。图1A的帧115仍可在显示区域103的底部处被观看。帧123和125保持堆叠在底部。其它的用户手部动作可移除或增加浏览器上下文。举例而言，向下卷动、或通过碰触一特定浏览器上下文并将其移动至右边(如箭头127所示)会使操纵的浏览器上下文自显示区域103所包含的可用浏览器上下文清单中永久移除。用户可继续以动作105B向上卷动，如图1C所示，而帧115便接着与帧109、111和113一起被堆叠在顶部。现在在显示区域103中可观看到帧123，而帧125仍保持堆叠在显示区域的底部处。

如上所述，浏览器上下文包括一网页页面。再次参阅图1B，在显示屏幕103顶部处的一工具列包括一切换器图标135。切换器图标135运作以开启页面切换模式。当选择切换器图标135时，目前页面大小会稍微减小，如同可观看区域缩小达大约10至15％。对该区域的调整显露每一个网页页面的帧。每一个帧的特征为对应的网页页面的名称、一最爱图标(代表网页页面的标示或特定内容)(未示)、以及一选项(用以关闭该帧与其对应内容)。一最爱图标也称的为快捷方式图标、网站图标、URL图标、或书签图标。最爱图标是一文件，其含有与一特定网页或网站相关联的一或多个小图标。

其它的帧与其对应网页页面重叠于目前网页页面帧上方或下方。显示区域103的目前视图包括1至N个网页页面，布局将可用垂直空间在网页页面之间均匀区划分。超过N个页面，布局从目前页面开始而逐渐减小每一个网页的可观看区域。这种显示配置可得自一显示算法。举例而言，每一个网页页面的可用间隔由下式所确定：(总区域的高度-填补量)/(页面数*尺度量)。“总区域的高度”是显示区域103中可用于观看的总区域，“填补量”是在每一个窗口之间的距离，“页面数”是打开的浏览器上下文的总数量，而“尺度量”是与打开的浏览器上下文的总数量成反比的一尺度变量。举例而言，打开的浏览器上下文的数量越大，则尺度量将会按总显示区域高度的百分比例而越小，以容纳每一个浏览器上下文。

间隔也可被限制为具一最小值(例如230个像素)，以确保总是有足够的页面可供观看以供其它用途。在屏幕的顶部与底部，用户可观看到页面的堆叠。碰触该堆叠处则会自动从顶部或底部展开该堆叠。举例而言，若用户碰触在图1A中的底部的堆叠处(帧117、119、121、123和125堆叠于该处)，则帧便会从底部向上展开，其中帧119、121、123和125为可观看的，而帧109、111、113、115和117则堆叠于显示区域的顶部。碰触在底部的堆叠处会向上展开帧，直到再也没有帧留在显示区域的底部处为止。当用户动作为碰触在屏幕顶部的堆叠处时亦然。帧从顶部向下展开。举例而言，当用户碰触图1C中的顶部的堆叠处(帧109、111、113和115堆叠于该处)，则堆叠处会向下打开，并且显示出帧109、111、113和115，而帧117、119、121、123和125则堆叠于底部处。碰触在顶部的堆叠处将向下展开帧，直到再也没有帧留在显示区域的顶部为止。

下文将讨论用于在屏幕顶部处堆叠浏览器上下文帧的例示公式。帧可自由且线性地移动达某一程度。然后，帧开始利用一阻尼曲线减速，例如((y/2)+0.5)²，其乘上其线性垂直位置。这在顶部处会受一固定数值所限。用户可控制帧重叠特征，以导航至含有其所要浏览器上下文的帧。举例而言，可通过碰触该屏幕、滑动该帧来移动每一个帧。在切换器125中，按压切换按钮可选择先前为可观看的页面。这使得用户可轻易且自然地辨识在浏览器上下文帧中所包含的网页页面，因为他们仅比正常情况稍微小10％至15％，且仍为可阅读。

虽然重叠的帧会混淆一些网页页面内容，但网站一般设计为在页面的顶部处具有某种强烈的品牌识别性。这使得一优化视图可以几乎完整大小显示在每一个网页页面的顶部处。如上所述，在移动电话上，目前是将常数“N”设定为一数值，例如2、3或4。上述实例是以肖像模式(portrait mode)来加以说明，但变更例亦可用于以风景模式(landscapemode)来显示内容，其中帧呈水平排序。

图2是根据一具体实施例的用以执行内容显示操作的一内容显示系统210的方块图。系统210或其任何构件的组合利用一计算装置来实施或为该计算装置的一部分。计算装置的实例包括、但不限于：计算机、工作站、分布式计算系统、计算机集群、嵌入式系统、独立式电子装置、网络装置、移动装置(例如移动电话、智能电话、导航装置、平板或移动计算装置)、机架服务器、机顶盒、或具有至少一处理器与存储器的其它类型的计算机系统。此一计算装置包括软件、固件、硬件、或其组合。软件包含一或多个应用程序与一操作系统。硬件可包括、但不限于：处理器、存储器以及用户接口显示器。

系统210包括一输入接收器212与一内容调整器214。系统210与一显示装置220通信，其用以显示上文中详细说明的例示显示配置中的任何一者。输入接收器212接收一指令以执行一显示操作。内容调整器214使用指令以起始一或多个帧的内容显示。帧数据传送至显示装置220以让用户观看。内容调整器214用以实施上述关于图1A至图1B的具体实施例。例示系统210或子系统构件(例如输入接收器212和内容调整器214)以及方法或其任何部分或功能的具体实施例的实例可利用硬件、软件模块、固件、有形的计算机可读取或计算机可使用的储存媒介(其上储存有指令)、或其组合来实施，且亦可实施于一或多个计算机系统或其它处理系统中。

图3为根据一具体实施例的一例示操作方法的流程示意图。参阅图3，该方法包括：在步骤301，在一移动装置上起始两个或更多个窗口；并且在步骤302，在该移动装置上显示该两个或更多个窗口中的一第一窗口。该方法也包括：在步骤303，接收一屏幕上切换指示而使一显示视图从正在显示的该第一窗口改变为该第一窗口与正在显示的两个或更多个窗口的至少一个额外窗口的组合；以及在步骤304，确定该两个或更多个窗口中的每一个窗口的一空间量。该方法也包括：在步骤305，根据该空间量而调整该两个或更多个窗口的每一个的大小；在步骤306，以相应的所调整的大小而在该两个或更多个窗口中的每一个窗口附近显示一帧；以及，在步骤307，显示彼此重叠的每一个帧。根据一具体实施例，步骤301至305由系统210在显示装置220的辅助下执行。

具体实施例与计算机产品有关，该计算机产品包括储存于任何计算机可使用的媒介上的软件。该软件在执行于一或多个数据处理装置中时，使一数据处理装置以本文所述方式运作。

具体实施例可实施于硬件、软件、固件、或其组合中。可经由并行运行于多个机器上的一组程序来实施所述具体实施例。

发明内容与摘要部分提出了发明人所设想到的本发明的一或多个(但非全部)例示具体实施例，因此，并非用于以任何方式限制本发明及所附权利要求。

在功能性建置方块的辅助下已说明了本发明的具体实施例，其说明了具体功能的实施及其关系。为便于说明，这些功能性建置方块的边界范围于本文中任意定义。也可以定义替代的边界范围，只要具体功能和其关系能够被适当执行即可。本发明的范畴的广度不应受到上述任一例示具体实施例的限制。

前述说明的特定具体实施例完整揭露本发明的一般性本质，使得其它人能应用该领域技术内的知识而直接变更这些特定具体实施例、及/或将其应用于各种应用中，而无须过度实验、且不脱离本发明的一般概念。因此，基于本文的教示与引导，这类调整与变更处于本文所揭露的具体实施例的等效意义与范围内。应理解本文所提出的用词与用语为说明、而非限制之用，因此本说明书中的用词与用语应由技术人士鉴于教示与引导内容来加以解释。

Claims (18)

1.一种移动浏览器上下文切换的方法，包括：

在一移动装置上起始两个或更多个窗口，其中该两个或更多个窗口包括：

至少一窗口；及

一或更多个剩余窗口；

显示该移动装置上的该两个或更多个窗口中的该至少一窗口，使得该一或更多个剩余窗口为隐藏不显示；

接收一屏幕上切换指示；以及

响应于接收该屏幕上切换指示：

为该两个或更多个窗口中的每一个窗口确定一空间量；

根据该空间量调整该两个或更多个窗口中的每一个窗口的大小；

显示该至少一窗口中的每一个窗口的帧，其中这些相应帧中的每一个帧包括一可观看部分，该可观看部分是与其相应窗口相对应的所调整的大小，且当所述至少一个窗口包含两个或更多个窗口时这些相应帧中的至少部分彼此重叠；以及

堆叠该一个或多个剩余窗口，其中该堆叠包含显示该一个或多个剩余窗口中的每一个窗口的一相应帧，使得相应窗口以及关联于该相应窗口的相应名称被隐藏。

2.如权利要求1所述的方法，其中为该两个或更多个窗口中的每一个窗口确定一空间量包括：

根据下式而为每一个窗口确定该空间量：

(总区域的高度-填补量)/(页面数*尺度量)，其中总区域的高度是该移动装置上的该区域的高度，填补量是在每一个窗口之间的空间的一预定量，页面数是起始的窗口的数量，尺度量是与页面数成反比的一尺度因子变量。

3.如权利要求1所述的方法，其中该两个或更多个窗口中的每一个窗口是一应用程序或一网页中的至少一个。

4.如权利要求1所述的方法，进一步包括：

接收与该两个或更多个窗口中的一窗口相关联的一选择；

显示与该选择相关联的不含一帧的该窗口；以及

自显示移除该两个或更多个窗口中不与该选择相关联的每一个窗口。

5.如权利要求1所述的方法，其中每一个帧包括一相关联名称和一相关联最爱图标。

6.如权利要求1所述的方法，其中接收该屏幕上切换指示包括接收来自一切换器图标的一输入。

7.如权利要求1所述的方法，进一步包括：

在该移动装置上起始一个或更多个额外窗口；

堆叠该一或更多个额外窗口，其中所述堆叠包括显示该一或更多个额外窗口中的每一个额外窗口的帧，其中这些帧被堆叠，使得这些帧的仅一部分是可观看的，且其相应窗口为被隐藏。

8.如权利要求7所述的方法，进一步包括：

接收与显示于该移动装置上的该一或更多个额外窗口相关联的一触碰指示；

自显示移除该两个或更多个窗口中的每一个窗口；以及

通过以下操作来显示该一或更多个额外窗口中的每一个额外窗口，直到达到最大窗口数量为止：

确定各剩余窗口中的每一个窗口的一空间量；

根据该空间量调整这些剩余窗口中的每一个窗口的大小；以及

显示该一或更多个额外窗口中的每一个额外窗口的帧，其中这些帧中的每一个帧包括一可观看部分，该可观看部分是与其相应窗口相对应的所调整的大小，且这些帧中的至少部分彼此重叠。

9.如权利要求1所述的方法，其中所述堆叠包含显示该一个或多个剩余窗口中的每一个窗口的所述相应帧使得只有所述相应帧的轮廓可观看。

10.如权利要求1所述的方法，其中该至少一窗口包含至少一第一窗口及一第二窗口，该第一窗口及该第二窗口的相应帧中的每一个帧包含与一相应窗口相关联的一相应名称。

11.一种用于处理和显示内容的系统，包括：

一显示装置(220)，其被配置以：

显示在一移动装置上起始的两个或更多个窗口中的至少一窗口，其中该两个或更多个窗口包括：

该至少一窗口；以及

一或更多个剩余窗口，其中该一或更多个剩余窗口被隐藏不显示；

一输入接收器(212)，其利用一计算装置而实施，该输入接收器被配置以接收一屏幕上切换指示；以及

一内容调整器(214)，其利用一计算装置而实施，该内容调整器被配置以：

响应于接收该屏幕上切换指示：

确定该两个或更多个窗口中的每一个窗口的一空间量；

根据该空间量调整该两个或更多个窗口的大小；

对该显示装置提供该至少一窗口中的每一个窗口，其包含为该至少一窗口中的每一个窗口所显示的帧，其中这些相应帧中的每一个帧包括一可观看部分，该可观看部分是与其相应窗口相对应的所调整的大小，且当所述至少一个窗口包含两个或更多个窗口时这些相应帧中的至少部分彼此重叠，以及

以堆叠形式向该显示装置提供该一个或多个剩余窗口，其中该堆叠形式包含显示该一个或多个剩余窗口中的每一个窗口的一相应帧，使得相应窗口和关联于该相应窗口的一相应名称被隐藏。

12.如权利要求11所述的系统，其中该内容调整器(213)进一步被配置以根据下式而确定该两个或更多个窗口中的每一个窗口的一空间量：

(总区域的高度-填补量)/(页面数*尺度量)，其中总区域的高度是该移动装置上的该区域的高度，填补量是在每一个窗口之间的空间的一预定量，页面数是起始的窗口的数量，且尺度量是与该页面数成反比的一尺度因子变量。

13.如权利要求11所述的系统，其中该两个或更多个窗口中的每一个窗口是一应用程序或一网页中的至少一个。

14.如权利要求11所述的系统，其中该输入接收器(212)进一步被配置以：

接收与该两个或更多个窗口中的一窗口相关联的一选择，且其中该显示装置(220)进一步被配置以：

显示与该选择相关联的不含一帧的该窗口；以及

自显示移除该两个或更多个窗口中不与该选择相关联的每一个窗口。

15.如权利要求11所述的系统，其中每一个窗口包括一相关联名称和一相关联最爱图标。

16.如权利要求11所述的系统，其中该显示装置(220)进一步被配置以显示一切换器图标，且其中该输入接收器(212)进一步被配置以通过接收来自该切换器图标的输入而接收一屏幕上切换指示。

17.如权利要求11所述的系统，其中该内容调整器(214)进一步被配置以：

以堆叠形式向该显示装置提供在该移动装置上起始的一或更多个额外窗口，其中该堆叠形式包括显示该一或更多个额外窗口中的每一个窗口的帧，其中这些帧被堆叠，使得仅有一部分的这些帧是可观看的，且其相应窗口为被隐藏。

18.如权利要求17所述的系统，其中该输入接收器(212)进一步被配置以：

接收与显示于该移动装置上的该两个或更多个窗口的剩余数量相关联的一触碰指示，且其中该显示装置(220)进一步被配置以；

自显示移除该两个或更多个窗口中的每一个窗口；以及

通过以下操作来显示该一或更多个额外窗口中的每一个额外窗口，直到达到最大窗口数量为止：

确定各剩余窗口中的每一个窗口的一空间量；

根据该空间量调整这些剩余窗口中的每一个窗口的大小；以及

显示该一或更多个额外窗口中的每一个额外窗口的帧，其中这些帧中的每一个帧包括一可观看部分，该可观看部分是与其相应窗口相对应的所调整的大小，且这些帧中的至少部分彼此重叠。