CN104636120A - 一种浏览器的多窗口显示方法及装置 - Google Patents

Abstract

本发明公开了一种浏览器的多窗口显示方法及装置，特别涉及嵌入式软件用户界面领域。所述方法包括：在浏览器打开当前网页窗口期间，检测用于打开浏览器的新网页窗口的打开操作；当检测到打开所述新网页窗口的打开操作时，创建所述新网页窗口，并生成一条多窗口显示命令；根据所述多窗口显示命令，在浏览器上分屏显示所述当前网页窗口和所创建的新网页窗口，或者叠层显示所述当前网页窗口和所创建的新网页窗口。本发明能够通过利用嵌入式高分辨率设备上浏览器的多窗口布局的方法，在浏览器上同时显示多窗口的交互操作，增强用户的操作体验。

Description

一种浏览器的多窗口显示方法及装置

技术领域

本发明涉及嵌入式软件用户界面领域，特别涉及一种嵌入式设备浏览器（如android和ios）界面的多窗口显示方法及装置。

背景技术

众所周知，android和ios等系统设备上的应用程序和网页都是全屏显示的。用户一次只能在一个窗口中操作。例如，用户不能在屏幕上同时操作QQ、浏览器、视频播放器等应用程序的窗口界面，更不能在一个浏览器中同时操作多个网页。目前大多数手机浏览器支持的多标签并不是真正的多窗口显示，多标签只是用于不同页面之间的快速浏览和切换。

目前android设备中使用应用程序多窗口技术的只有三星的galaxy系列产品，但是也只能支持一些简单的操作。事实上，浏览器多窗口方向还是空白。

发明内容

本发明的目的在于提供一种浏览器的多窗口显示方法及装置，能够解决现有浏览器操作体验方面不能同时多窗口交互操作的问题。

根据本发明的一个方面，提供了一种浏览器的多窗口显示方法，包括：

在浏览器打开当前网页窗口期间，检测用于打开浏览器的新网页窗口的打开操作；

当检测到打开所述新网页窗口的打开操作时，创建所述新网页窗口，并生成一条多窗口显示命令；

根据所述多窗口显示命令，在浏览器上分屏显示所述当前网页窗口和所创建的新网页窗口，或者叠层显示所述当前网页窗口和所创建的新网页窗口。

优选地，所述的创建所述新网页窗口包括：按照预定义的窗口尺寸，创建其尺寸小于或等于当前网页窗口尺寸的新网页窗口。

优选地，所述的多窗口显示命令是分屏显示命令；所述的根据所述多窗口显示命令，在浏览器上分屏显示所述当前网页窗口和所创建的新网页窗口包括：

根据所述分屏显示命令，对当前网页窗口进行调整；

在浏览器上按照分屏模式显示经过调整的所述当前网页窗口和所创建的新网页窗口。

优选地，所述的按照分屏模式显示经过调整的所述当前网页窗口和所创建的新网页窗口包括：

隐藏经过调整的所述当前网页窗口和所创建的新网页窗口的悬浮栏；

将隐藏悬浮栏的经过调整的所述当前网页窗口和所创建的新网页窗口无缝拼接在一起显示。

优选地，所述的对当前网页窗口进行调整包括：

根据预置的调整参数分别调整当前网页窗口的尺寸。

优选地，所述的按照分屏模式显示经过调整的所述当前网页窗口和所创建的新网页窗口还包括：

在所述当前网页窗口和所创建的新网页窗口的拼接处设置一个分割条；

使用所述分割条同时调整当前网页窗口和所创建的新网页窗口的大小。

优选地，所述的多窗口显示命令是层叠显示命令；所述的根据所述多窗口显示命令，在浏览器上层叠显示所述当前网页窗口和所创建的新网页窗口包括：

根据所述层叠显示命令，在所述当前网页窗口上层叠显示所创建的新网页窗口。

优选地，所述的在浏览器的当前网页窗口上层叠显示所创建的新网页窗口包括：

隐藏所述当前网页窗口和所创建的新网页窗口的悬浮栏；

将已隐藏悬浮栏的所创建的新网页窗口部分覆盖在已隐藏悬浮栏的所述当前网页窗口上显示。

根据本发明的另一方面，提供了一种浏览器的多窗口显示装置，包括：

检测模块，用于在浏览器打开当前网页窗口期间，检测用于打开浏览器的新网页窗口的打开操作；

命令模块，用于当检测到打开所述新网页窗口的打开操作时，创建所述新网页窗口，并生成一条多窗口显示命令；

显示模块，用于根据所述多窗口显示命令，在浏览器上分屏显示所述当前网页窗口和所创建的新网页窗口，或者叠层显示所述当前网页窗口和所创建的新网页窗口。

优选地，所述显示模块进一步包括：

分屏显示子模块，用于根据所述分屏显示命令，对当前网页窗口进行调整，并在浏览器上按照分屏模式显示经过调整的所述当前网页窗口和所创建的新网页窗口；

层叠显示子模块，用于根据所述层叠显示命令，在所述当前网页窗口上层叠显示所创建的新网页窗口。

与现有技术相比较，本发明的有益效果在于：通过利用嵌入式高分辨率设备上浏览器的多窗口布局的方法，使浏览器同时实现多窗口的交互操作，增强用户的操作体验。

附图说明

图1是本发明实施例提供的浏览器的多窗口显示的方法流程图；

图2是本发明实施例提供的浏览器的多窗口显示的装置结构图；

图3是本发明实施例提供的浏览器的多窗口显示的固定分屏模式的2分屏模式示意图；

图4是本发明实施例提供的浏览器的多窗口显示的固定分屏模式的3分屏模式示意图；

图5是本发明实施例提供的浏览器的多窗口显示的固定分屏模式的4分屏模式示意图；

图6是本发明实施例提供的浏览器的多窗口显示的固定分屏模式的悬浮栏示意图；

图7是本发明实施例提供的浏览器的多窗口显示的多窗口模式示意图；

图8是本发明实施例提供的浏览器的多窗口显示的多窗口模式的悬浮栏示意图；

图9是本发明实施例提供的浏览器的多窗口显示的固定分屏模式的总体处理流程图；

具体实施方式

以下结合附图对本发明的优选实施例进行详细说明，应当理解，以下所说明的优选实施例仅用于说明和解释本发明，并不用于限定本发明。

图1是本发明实施例提供的浏览器的多窗口显示的方法流程图，如图1所示，具体步骤如下：

步骤S1：在浏览器打开当前网页窗口期间，检测用于打开浏览器的新网页窗口的打开操作。

步骤S2：当检测到打开所述新网页窗口的打开操作时，创建所述新网页窗口，并生成一条多窗口显示命令。

所述步骤S2中，所述的创建所述新网页窗口包括：按照预定义的窗口尺寸，创建其尺寸小于或等于当前网页窗口尺寸的新网页窗口。

所述多窗口显示命令包括分屏显示命令和层叠显示命令。

步骤S3：根据所述多窗口显示命令，在浏览器上分屏显示所述当前网页窗口和所创建的新网页窗口，或者叠层显示所述当前网页窗口和所创建的新网页窗口。

所述步骤S3中，所述的多窗口显示命令是分屏显示命令；所述的根据所述多窗口显示命令，在浏览器上分屏显示所述当前网页窗口和所创建的新网页窗口包括：

根据所述分屏显示命令，对当前网页窗口进行调整；

在浏览器上按照分屏模式显示经过调整的所述当前网页窗口和所创建的新网页窗口。

进一步地，所述的按照分屏模式显示经过调整的所述当前网页窗口和所创建的新网页窗口包括：

隐藏经过调整的所述当前网页窗口和所创建的新网页窗口的悬浮栏；

将隐藏悬浮栏的经过调整的所述当前网页窗口和所创建的新网页窗口无缝拼接在一起显示。

进一步地，所述的对当前网页窗口进行调整包括：

根据预置的调整参数分别调整当前网页窗口的尺寸。

进一步地，所述的按照分屏模式显示经过调整的所述当前网页窗口和所创建的新网页窗口还包括：

在所述当前网页窗口和所创建的新网页窗口的拼接处设置一个分割条；

使用所述分割条同时调整当前网页窗口和所创建的新网页窗口的大小。

所述的多窗口显示命令是层叠显示命令；所述的根据所述多窗口显示命令，在浏览器上层叠显示所述当前网页窗口和所创建的新网页窗口包括：

根据所述层叠显示命令，在所述当前网页窗口上层叠显示所创建的新网页窗口。

进一步地，所述的在浏览器的当前网页窗口上层叠显示所创建的新网页窗口包括：

隐藏所述当前网页窗口和所创建的新网页窗口的悬浮栏；

将已隐藏悬浮栏的所创建的新网页窗口部分覆盖在已隐藏悬浮栏的所述当前网页窗口上显示。

图2是本发明实施例提供的浏览器的多窗口显示的装置结构图，如图2所示，包括：检测模块、命令模块和显示模块。

所述检测模块用于在浏览器打开当前网页窗口期间，检测用于打开浏览器的新网页窗口的打开操作。

所述命令模块用于当检测到打开所述新网页窗口的打开操作时，创建所述新网页窗口，并生成一条多窗口显示命令。

所述显示模块用于根据所述多窗口显示命令，在浏览器上分屏显示所述当前网页窗口和所创建的新网页窗口，或者叠层显示所述当前网页窗口和所创建的新网页窗口。其中，所述显示模块的分屏显示子模块用于根据所述分屏显示命令，对当前网页窗口进行调整，并在浏览器上按照分屏模式显示经过调整的所述当前网页窗口和所创建的新网页窗口。所述显示模块的层叠显示子模块用于根据所述层叠显示命令，在所述当前网页窗口上层叠显示所创建的新网页窗口。

图3是本发明实施例提供的浏览器的多窗口显示的固定分屏模式的2分屏模式示意图，如图3所示，图3A-3B是说明本发明某些实施例中，当浏览器的使用者在浏览器中打开两个网页窗口时的分屏模式。在只打开了一个网页窗口的情况下，该网页窗口默认是占满整个浏览器显示窗口的。

在图3A中，当用户打开第二个网页窗口时，新打开的网页窗口和原来的网页窗口横向均分屏幕空间。在一些实施例中，新打开的网页窗口在左边；在另一些实施例中，新打开的网页窗口在右边；在其他一些实施例中，两个网页窗口的默认相对位置可以由用户事先配置或者动态调整。

在图3B中，当用户打开第二个网页窗口时，新打开的网页窗口和原来的网页窗口纵向均分屏幕空间。在一些实施例中，新打开的网页窗口在上边；在另一些实施例中，新打开的网页窗口在下边；在其他一些实施例中，两个窗口的默认相对位置可以由用户事先配置或者动态调整。

打开第二个网页窗口的方法，是在第一个网页窗口中点击超链接。

用户可以用鼠标、空鼠、手势或者在触摸屏上滑动手指等方法，来拖动两个窗口中间的分割线，从而调整两个网页窗口的窗口大小。

当用户关闭一个网页窗口时，另一个网页窗口自动恢复全屏，独占浏览器的整个显示窗口。

图4是本发明实施例提供的浏览器的多窗口显示的固定分屏模式的3分屏模式示意图，如图4所示，图4A-4D是说明本发明某些实施例中，当浏览器的使用者在浏览器中打开三个页面时的3分屏模式。在只打开了两个网页窗口的情况下，横向分屏模式如前述图3A-3B所示。当用户打开第三个网页窗口时，新打开的网页窗口和原来的两个网页窗口形成三分屏。打开第三个网页窗口的方法，是在已经打开的网页窗口中点击超链接。

在图4A中，在一些实施例中，处于横向二分屏模式的情况下，用户在右边的网页窗口中点击超链接打开第三个网页窗口时，将会形成的一种三分屏布局模式。

当用户关闭左边的网页窗口时，右边的两个网页窗口自动调整为纵向二分屏模式。当用户关闭右边的两个网页窗口中其中一个时，剩下的两个网页窗口自动调整为横向二分屏模式。

在图4B中，在一些实施例中，处于横向二分屏模式的情况下，用户在左边的网页窗口中点击超链接打开第三个网页窗口时，将会形成的一种三分屏布局模式。

当用户关闭右边的网页窗口时，左边的两个网页窗口自动调整为纵向二分屏模式。当用户关闭左边的两个网页窗口中其中一个时，剩下的两个网页窗口自动调整为横向二分屏模式。

在图4C中，在一些实施例中，处于纵向二分屏模式的情况下，用户在下边的网页窗口中点击超链接打开第三个网页窗口时，将会形成的一种三分屏布局模式。

当用户关闭上边的网页窗口时，下边的两个网页窗口自动调整为横向二分屏模式。当用户关闭下边的两个网页窗口中其中一个时，剩下的两个网页窗口自动调整为纵向二分屏模式。

在图4D中，在一些实施例中，处于纵向二分屏模式的情况下，用户在上边的网页窗口中点击超链接打开第三个网页窗口时，将会形成的一种三分屏布局模式。

当用户关闭下边的网页窗口时，上边的两个网页窗口自动调整为横向二分屏模式。当用户关闭上边的两个网页窗口中其中一个时，剩下的两个网页窗口自动调整为纵向二分屏模式。

在一些实施例中，图4A-4D四种三分屏模式，用户可以动态调整。

在一些实施例中，图4A-4D四种三分屏模式，用户可以用鼠标、空鼠、手势或者在触摸屏上滑动手指等方法，来拖动网页窗口中间的分割线，从而调整分割线两侧网页窗口的窗口大小。

图5是本发明实施例提供的浏览器的多窗口显示的固定分屏模式的4分屏模式示意图，如图5所示，图5是说明本发明某些实施例中，当浏览器的使用者在浏览器中打开四个页面时的分屏模式。在只打开了三个网页窗口的情况下，界面处于三分屏模式，如图4A-4D所示。当用户再打开一个网页窗口的时候，浏览器自动进入如图5所示的四分屏模式。用户打开网页窗口的方法，可以是在当前任何一个网页窗口中点击超链接。

用户可以用鼠标、空鼠、手势或者在触摸屏上滑动手指等方法，来拖动网页窗口中间的分割线，从而调整分割线两侧网页窗口的窗口大小和位置，其中位置是指网页窗口左上角的坐标。

当用户关闭一个网页窗口的时候，浏览器自动进入三分屏模式。如图4A-4D共四种三分屏模式，具体进入哪一种三分屏模式，用户可以自行配置，或者动态调整。

四分屏模式下，用户再次点击超链接打开一个网页窗口时，屏幕不会继续切分，而是维持四分屏状态，新打开的网页窗口会覆盖掉原来的一个网页窗口。在一些实施例中，被覆盖的窗口是超链接所在的网页窗口。在另一些实施例中，被覆盖的网页窗口是处于固定位置的网页窗口，例如屏幕左上角的网页窗口。

图6是本发明实施例提供的浏览器的多窗口显示的固定分屏模式的悬浮栏示意图，如图6所示，用户可以通过网页窗口中的鼠标移动事件或者某种手势操作来弹出所述悬浮栏，关闭自身窗口。

图7是本发明实施例提供的浏览器的多窗口显示的多窗口模式示意图，如图7所示，图7是说明在某些实施例中，本发明专利的另一种工作模式。在浏览器中可以同时打开多个网页窗口，每个网页窗口可以通过拖拽网页窗口边框缩放网页窗口的大小，并具有最大最小化、新建、关闭、视图焦点切换、界面交互等功能。

在打开多个网页窗口的情况下，网页窗口之间层叠显示，且新建的网页窗口总是处于显示窗口的最上层。

用户点击当前已经打开的任意一个网页窗口，这个网页窗口将会被置于显示窗口的最上层。

用户可以通过任意一个网页窗口的边框的拖动来调整网页窗口的大小和位置，也可以通过任意一个网页窗口的标题栏的拖动来调整网页窗口整体的移动。

图8是本发明实施例提供的浏览器的多窗口显示的多窗口模式的悬浮栏示意图，如图8所示，用户可以在网页窗口中移动鼠标或者用某种手势操作来弹出所述悬浮栏，并控制网页窗口的最大、最小化和关闭自身窗口。

在某些实施例中，多窗口层叠模式下，用户能够同时打开的网页窗口的数量没有明确，取决于系统的内存资源和系统的处理能力。在另一些实施例中，多窗口层叠模式下，用户能够同时打开的网页窗口的数量有明确限制，这个限制数有一个默认值，用户也可以在浏览器的某个配置页面中进行设定。

图9是本发明实施例提供的浏览器的多窗口显示的固定分屏模式的总体处理流程图，如图9所示，图9是说明本发明专利在分屏模式下，浏览器的总体处理状态机。初始状态下，浏览器只有主页被打开的，处于全屏显示状态；当用户在主页中打开新的网页窗口时，便自动进入图3A-3B所示的二分屏模式，具体进入哪种二分屏模式，取决于浏览器的配置。二分屏模式下，用户关闭网页窗口时，自动进入全屏模式；用户创建新的网页窗口，则进入图4A-4D所示的三分屏模式。具体进入哪种三分屏模式，取决于浏览器的配置。在三分屏模式下，用户关闭网页窗口，则自动进入二分屏模式；用户创建新的网页窗口，则进入图5所示的四分屏模式。在四分屏模式下，用户关闭网页窗口，则进入三分屏模式，用户创建新的网页窗口，浏览器状态机不会跃迁，仍然维持四分屏模式。在二分屏、三分屏或者四分屏模式下，用户都可以调整任一网页窗口的大小、位置，在网页窗口中执行交互操作，只要不创建新的网页窗口或者关闭网页窗口，浏览器状态机都不会跃迁。

多窗口层叠模式下，当一个网页窗口被创建时，浏览器首先检查已经被创建的网页窗口数量是否达到限值，如果已经达到，在某些实施例中会提示用户不能再创建新的网页窗口，在一些实施例中也可能先关闭掉最早被创建的网页窗口，再创建新的网页窗口；如果未达到限值，则直接创建新的网页窗口。新创建起来的网页窗口默认显示在最顶层。用户可以选择某个已经被创建的网页窗口，选中以后，浏览器把该网页窗口调整到最顶层显示。用户可以在顶层网页窗口中使用鼠标、键盘或者某种手势来拖拽网页窗口边框以调整网页窗口大小，也可以通过某种特定的操作激活图8所示的悬浮栏，然后最小、最大化或者关闭该网页窗口。用户可以在最顶层的网页窗口中执行交互操作。

本发明专利，无论是多窗口分屏模式还是多窗口层叠模式，在具体编码实现的时候，一种可能的实现方法是：浏览器启动的时候，缺省打开一个透明的主页，并且该主页始终处于打开状态。用户在界面上打开新的网页窗口或者关闭已打开的网页窗口，以及通过鼠标或者触屏拖动窗口分屏线来调整窗口大小，这些事件都可由透明主页捕获并处理，透明主页可通过JavaScript脚本来实现上述功能。当用户的操作处于某个打开的网页内部时，鼠标或者触屏事件由被操作的网页自身捕获并处理。

本发明提供了嵌入式高分辨率设备上浏览器的多窗口布局的方法，其实现有多种方法。在某些实施例中，通过修改webkit源码的方法，对窗口的显示和操作流程做修改来实现。在某些实施例中，通过javascript脚本进行多窗口显示模式的封装，并以库的形式提供给开发者使用。在某些实施例中，也可以把前述两种方法结合起来进行实现。

所述嵌入式高分辨率设备没有确定的含义，此方法基于软件浏览器，在方法的实现上不受具体设备硬件的限制。

综上所述，本发明具有以下技术效果：通过利用嵌入式高分辨率设备上浏览器的多窗口布局的方法，在浏览器上实现多个窗口的交互操作功能，增强用户的操作体验。

尽管上文对本发明进行了详细说明，但是本发明不限于此，本技术领域技术人员可以根据本发明的原理进行各种修改。因此，凡按照本发明原理所作的修改，都应当理解为落入本发明的保护范围。

Claims (10)

1.一种浏览器的多窗口显示方法，其特征在于，包括以下步骤：

在浏览器打开当前网页窗口期间，检测用于打开浏览器的新网页窗口的打开操作；

当检测到打开所述新网页窗口的打开操作时，创建所述新网页窗口，并生成一条多窗口显示命令；

根据所述多窗口显示命令，在浏览器上分屏显示所述当前网页窗口和所创建的新网页窗口，或者叠层显示所述当前网页窗口和所创建的新网页窗口。

2.根据权利要求1所述的方法，其特征在于，所述的创建所述新网页窗口包括：按照预定义的窗口尺寸，创建其尺寸小于或等于当前网页窗口尺寸的新网页窗口。

3.根据权利要求2所述的方法，其特征在于，所述的多窗口显示命令是分屏显示命令；所述的根据所述多窗口显示命令，在浏览器上分屏显示所述当前网页窗口和所创建的新网页窗口包括：

根据所述分屏显示命令，对当前网页窗口进行调整；

在浏览器上按照分屏模式显示经过调整的所述当前网页窗口和所创建的新网页窗口。

4.根据权利要求3所述的方法，其特征在于，所述的按照分屏模式显示经过调整的所述当前网页窗口和所创建的新网页窗口包括：

隐藏经过调整的所述当前网页窗口和所创建的新网页窗口的悬浮栏；

将隐藏悬浮栏的经过调整的所述当前网页窗口和所创建的新网页窗口无缝拼接在一起显示。

5.根据权利要求3或4所述的方法，其特征在于，所述的对当前网页窗口进行调整包括：

根据预置的调整参数分别调整当前网页窗口的尺寸。

6.根据权利要求3或4所述的方法，其特征在于，所述的按照分屏模式显示经过调整的所述当前网页窗口和所创建的新网页窗口还包括：

在所述当前网页窗口和所创建的新网页窗口的拼接处设置一个分割条；

使用所述分割条同时调整当前网页窗口和所创建的新网页窗口的大小。

7.根据权利要求2所述的方法，其特征在于，所述的多窗口显示命令是层叠显示命令；所述的根据所述多窗口显示命令，在浏览器上层叠显示所述当前网页窗口和所创建的新网页窗口包括：

根据所述层叠显示命令，在所述当前网页窗口上层叠显示所创建的新网页窗口。

8.根据权利要求7所述的方法，其特征在于，所述的在浏览器的当前网页窗口上层叠显示所创建的新网页窗口包括：

隐藏所述当前网页窗口和所创建的新网页窗口的悬浮栏；

将已隐藏悬浮栏的所创建的新网页窗口部分覆盖在已隐藏悬浮栏的所述当前网页窗口上显示。

9.一种浏览器的多窗口显示装置，其特征在于，

检测模块，用于在浏览器打开当前网页窗口期间，检测用于打开浏览器的新网页窗口的打开操作；

命令模块，用于当检测到打开所述新网页窗口的打开操作时，创建所述新网页窗口，并生成一条多窗口显示命令；

显示模块，用于根据所述多窗口显示命令，在浏览器上分屏显示所述当前网页窗口和所创建的新网页窗口，或者叠层显示所述当前网页窗口和所创建的新网页窗口。

10.根据权利要求9所述的装置，其特征在于，所述显示模块进一步包括：

分屏显示子模块，用于根据所述分屏显示命令，对当前网页窗口进行调整，并在浏览器上按照分屏模式显示经过调整的所述当前网页窗口和所创建的新网页窗口；

层叠显示子模块，用于根据所述层叠显示命令，在所述当前网页窗口上层叠显示所创建的新网页窗口。