CN103744932A - 一种页面处理方法及装置 - Google Patents

Abstract

本发明实施例公开了一种页面处理方法及装置。该页面处理方法包括：确定需要在单窗口中显示的至少两个网页页面；将所述窗口划分为至少两个区域，所述区域的数量与所述网页页面的数量相同；将划分的所述区域与所述网页页面进行一一对应；在所述窗口中对所述至少两个网页页面进行渲染，以在所述窗口中同时显示所述至少两个网页页面。本发明实施例实现了单窗口内多页面同时排列显示，从而可以在大的屏幕上同时浏览多种信息，不仅提高了操控的灵活性，而且提升了用户的视觉体验，方便用户同时进行多种信息的查看，提高了效率。

Description

一种页面处理方法及装置

技术领域

本发明涉及数据处理技术领域，特别是涉及一种页面处理方法及装置。

背景技术

随着通信技术的迅速发展，网络上各种信息，各种视频承接不穷。在通过浏览器对大量信息进行浏览时对浏览器的性能要求就更加严格。

现有浏览器的功能越来越强大，大多数的浏览器都可以在单窗口中打开多个页面，但是同时只有一个页面在窗口中显示。这样的显示方式，尤其在用户打开了很多页面的情况下，不能清楚的向用户显示同时都打开了什么网页，浏览了什么内容，而且在用户搜索浏览同一种内容的多个页面时，无法很好的进行同类内容的对比浏览。因此，现在浏览器单窗口中的单网页显示已经不能满足人们对多任务，多窗口的要求。

发明内容

本发明实施例中提供了一种页面处理方法及装置，能够实现浏览器单窗口中的多网页显示。

为了解决上述技术问题，本发明实施例公开了如下技术方案：

第一方面，提供一种页面处理方法，包括：

确定需要在单窗口中显示的至少两个网页页面；

将所述窗口划分为至少两个区域，所述区域的数量与所述网页页面的数量相同；

将划分的所述区域与所述网页页面进行一一对应；

在所述窗口中对所述至少两个网页页面进行渲染，以在所述窗口中同时显示所述至少两个网页页面。

结合上述第一方面，在第一种可能的实现方式中，当所述方法应用于基于Webkit内核的浏览器时，所述将划分的所述区域与所述网页页面进行一一对应，包括：

根据所述区域的坐标将所述至少两个网页页面的DOM树进行重组。

结合上述第一方面，和/或第一种可能的实现方式，在第二种可能的实现方式中，在所述确定需要在单窗口中显示的至少两个网页页面之前，还包括：

接收多页面显示指令，所述多页面显示指令用于指示在单窗口中显示多个页面。

结合上述第一方面，和/或第一种可能的实现方式，和/或第二种可能的实现方式，在第三种可能的实现方式中，在所述对所述窗口中的所述至少两个网页页面进行渲染，以在所述窗口中同时显示所述至少两个网页页面之后，还包括：

接收单页面显示指令，所述单页面显示指令用于指示在单窗口中显示单个页面；

将所述窗口的坐标与指定网页页面进行关联；

在所述窗口中对所述指定网页页面进行渲染，以在所述窗口中显示所述指定的网页页面。

结合上述第一方面，和/或第一种可能的实现方式，和/或第二种可能的实现方式，和/或第三种可能的实现方式，在第四种可能的实现方式中，所述接收单页面显示指令，包括：

接收用户在所述指定网页页面对应区域内的双击操作所触发的单页面显示指令，其中，所述指定网页页面为在所述窗口中同时显示的所述至少两个网页页面之一。

结合上述第一方面，和/或第一种可能的实现方式，和/或第二种可能的实现方式，和/或第三种可能的实现方式，和/或第四种可能的实现方式，在第五种可能的实现方式中，在所述窗口中对所述指定网页页面进行渲染，以在所述窗口中显示所述指定的网页页面之后，还包括：

接收返回指令；

根据所述返回指令在所述窗口中重新显示所述至少两个网页页面。

第二方面，提供一种页面处理装置，包括：

页面确定单元，用于确定需要在单窗口中显示的至少两个网页页面；

窗口划分单元，用于将所述窗口划分为至少两个区域，所述区域的数量与所述网页页面的数量相同；

关联单元，用于将划分的所述区域与所述网页页面进行一一对应；

页面处理单元，用于在所述窗口中对所述至少两个网页页面进行渲染，以在所述窗口中同时显示所述至少两个网页页面。

结合上述第二方面，在第一种可能的实现方式中，当所述装置应用于基于Webkit内核的浏览器时，所述关联单元，具体用于根据所述区域的坐标将所述至少两个网页页面的DOM树进行重组。

结合上述第二方面，和/或第一种可能的实现方式，在第二种可能的实现方式中，还包括：

指令接收单元，用于在所述页面确定单元确定所述至少两个网页页面之前，接收多页面显示指令，所述多页面显示指令用于指示在单窗口中显示多个页面。

结合上述第二方面，和/或第一种可能的实现方式，和/或第二种可能的实现方式，在第三种可能的实现方式中，还包括：

指令接收单元，用于接收单页面显示指令，所述单页面显示指令用于指示在单窗口中显示单个页面；

所述关联单元，还用于在所述指令接收单元接收到单页面显示指令后，将所述窗口的坐标与指定网页页面进行关联；

所述页面处理单元，还用于在所述窗口中对所述指定网页页面进行渲染，以在所述窗口中显示所述指定的网页页面。

结合上述第二方面，和/或第一种可能的实现方式，和/或第二种可能的实现方式，和/或第三种可能的实现方式，在第四种可能的实现方式中，所述指令接收单元，具体用于接收用户在所述指定网页页面对应区域内的双击操作所触发的单页面显示指令，其中，所述指定网页页面为在所述窗口中同时显示的所述至少两个网页页面之一。

结合上述第二方面，和/或第一种可能的实现方式，和/或第二种可能的实现方式，和/或第三种可能的实现方式，和/或第四种可能的实现方式，在第五种可能的实现方式中，所述指令接收单元，还用于在所述页面处理单元在所述窗口中对所述指定网页页面进行渲染，以在所述窗口中显示所述指定的网页页面之后，接收返回指令；

所述页面处理单元，还用于根据所述返回指令在所述窗口中重新显示所述至少两个网页页面。

本发明实施例通过对窗口进行区域划分，并将各区域与网页页面进行对应，实现了单窗口内多页面同时排列显示，从而可以在大的屏幕上同时浏览多种信息，不仅提高了操控的灵活性，而且提升了用户的视觉体验，方便用户同时进行多种信息的查看，提高了效率。本发明方案技术部署简单，只需要对浏览器中的布局控制模块进行纯软件的修改即可，成本低，客户端无需安装额外软件，使用标准的HTML5等浏览器即可在线控制、浏览、播放各种内容。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例一种页面处理方法的流程图；

图2为本发明实施例中窗口的多页面显示向单页面显示进行切换的方法流程图；

图3为发明实施例一种页面处理装置的结构示意图；

图4为发明实施例另一种页面处理装置的结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本发明实施例中的技术方案，并使本发明实施例的上述目的、特征和优点能够更加明显易懂，下面结合附图对本发明实施例中技术方案作进一步详细的说明。

参见图1，为本发明实施例一种页面处理方法的流程图。

本发明实施例公开的页面处理方法可以应用于多种浏览器，例如Opera、Safari、Chrome、Internet Explorer浏览器等。当用户在通过浏览器浏览多个网页页面时，该页面处理方法可以包括：

步骤101，确定需要在单窗口中显示的至少两个网页页面。

浏览器或该页面处理装置可以首先确定在浏览器的单窗口中需要同时显示的网页页面，该网页页面至少为两个。

其中，需要同时显示的网页页面可以是默认为用户当前打开的所有页面，也可以是用户指定的页面，或根据预设规则从当前打开的页面中选择出的页面。其中，预设规则可以是页面之间的关键词或图片匹配达到一定阈值的，例如关键内容相同或相近的页面，或图片相同或相近的页面等，以便于页面同时显示时方便用户进行信息对比。当然，预设规则也可以是其他规则，此处不做限定。

步骤102，将窗口划分为至少两个区域，区域的数量与上述网页页面的数量相同。

在确定出需要同时显示的网页页面后，将当前的浏览器窗口进行区域划分，划分后的区域数目与需要显示的网页页面的数目对等。各区域的大小和位置可以随机划分，也可以根据预设规则划分。

例如，一个窗口的宽高1080*760。如果同时打开两个网页，则对窗口进行二等分。第一个网页显示其实位置是0*0，窗口宽高540*760。第二个网页显示其实位置是540*0，窗口宽高540*760。如果再打开一个网页，则对窗口进行三等分。以此类推。

步骤103，将划分的区域与网页页面进行一一对应。

将划分的各区域与需要显示的各网页页面进行一一对应，其中，各网页页面与哪一区域进行关联可以是随机的，也可以是预先设定的。

该一一对应的过程也即实现窗口中网页页面重新布局的过程。以WebKit内核浏览器为例，该将区域与网页页面进行一一对应的过程具体可以是：根据区域的坐标将至少两个网页页面的DOM（Document Object Mode，文件对象模型）树进行重组。

具体的，一个网页页面具有一个DOM树，每一个DOM树都对应自己的区域坐标，这样，在窗口中即可根据各DOM树的区域坐标形成一个树群。

步骤104，在窗口中对上述至少两个网页页面进行渲染，以在窗口中同时显示上述至少两个网页页面。

在将区域和网页页面进行对应后，即可在窗口中形成新的网页页面布局，然后在本步骤中对窗口中不同的标签，比如字体，图片，3d视频等进行渲染，之后网页就直接显示了，可以同时显示多个页面。

本发明实施例通过对窗口进行区域划分，并将各区域与网页页面进行对应，实现了单窗口内多页面同时排列显示，从而可以在大的屏幕上同时浏览多种信息，不仅提高了操控的灵活性，而且提升了用户的视觉体验，方便用户同时进行多种信息的查看，提高了效率。本发明方案技术部署简单，只需要对浏览器中的布局控制模块进行纯软件的修改即可，成本低，客户端无需安装额外软件，使用标准的HTML5等浏览器即可在线控制、浏览、播放各种内容。

在本发明的另一实施例中，上述浏览器或页面处理装置可以在用户打开多个网页页面后，自动触发执行上述页面处理方法，也还可以是在接收到多页面显示指令后，再执行上述步骤101～104。其中，多页面显示指令用于指示在单窗口中显示多个页面。

该多页面显示指令具体可以是由用户双击当前的浏览器窗口触发的，也可以设定由用户的其他操作来触发。

在本发明的另一实施例中，该窗口的多页面显示还可以向单页面显示进行切换，如图2所示，该切换方法可以包括：

步骤201，接收单页面显示指令。

在浏览器处于初始状态时，或者在浏览器的单窗口显示多个网页页面时，接收单页面显示指令，该单页面显示指令用于指示在单窗口中显示单个页面。

该单页面显示指令可以是由用户在浏览器窗口中指定网页页面对应区域内的双击操作所触发的，其中，指定网页页面是在窗口中同时显示的多个网页页面之一。也即，当浏览器窗口显示多个网页页面时，用户在指定的网页页面双击即可触发该单页面显示指令。当然该指令也可以是由用户的其他操作来触发的。

步骤202，将窗口的坐标与指定网页页面进行关联。

该步骤中，可以将整个浏览器窗口的坐标与指定的网页页面进行关联。以WebKit内核浏览器为例，具体可以是将当前在浏览器窗口同时显示的多个网页页面的DOM树进行拆分，从其中分离出该指定的网页页面的DOM树，此时DOM树中只有指定网页页面对应有窗口位置，窗口位置为0*0，窗口宽高为1080*760，也即整个浏览器窗口的位置和宽高，然后在该窗口中对该指定网页页面重新渲染。该过程是前述步骤103的逆过程。

上述指定网页页面具体可以是用户选定的网页页面，也可以是默认为用户首先打开的网页页面等，此处不做具体限定。

步骤203，对窗口中对指定网页页面进行渲染，以在窗口中显示该指定的网页页面。

在另一实施例中，在通过上述步骤实现单窗口中显示单个网页页面后，还可以进一步包括以下步骤：

步骤204，接收返回指令。

该返回指令可以是由用户在浏览器窗口中在某一预设区域内的双击操作或滚轮滚动等操作所触发的，此处不做限定。该返回指令与多页面显示指令不同。

步骤205，根据返回指令在窗口中重新显示上述至少两个网页页面。

在接收到返回指令后，可以从缓存中调取上述至少两个网页页面按照前述步骤103～104，在窗口中对至少两个网页页面进行重新渲染，以在窗口中同时显示上述至少两个网页页面。

通过上述方法即可实现单窗口中单网页页面显示和多网页页面显示之间的快速切换，从而方便用户同时进行多种信息的查看，提高工作效率。

以上是对本发明方法实施例的描述，下面对实现上述方法的装置进行介绍。

参见图3，为本发明实施例一种页面处理装置的结构示意图。

该装置可以包括：

页面确定单元301，用于确定需要在单窗口中显示的至少两个网页页面；

窗口划分单元302，用于将所述窗口划分为至少两个区域，所述区域的数量与所述网页页面的数量相同；

关联单元303，用于将划分的所述区域与所述网页页面进行一一对应；

页面处理单元304，用于在所述窗口中对所述至少两个网页页面进行渲染，以对所述窗口进行渲染并在所述窗口中同时显示所述至少两个网页页面。

本发明实施例中该装置通过上述单元对窗口进行区域划分，并将各区域与网页页面进行关联，实现了单窗口内多页面同时排列显示，从而可以在大的屏幕上同时浏览多种信息，不仅提高了操控的灵活性，而且提升了用户的视觉体验，方便用户同时进行多种信息的查看，提高了效率。本发明方案技术部署简单，只需要对浏览器中的布局控制模块进行纯软件的修改即可，成本低，客户端无需安装额外软件，使用标准的HTML5等浏览器即可在线控制、浏览、播放各种内容。

在本发明的另一实施例中，当所述装置应用于基于Webkit内核的浏览器时，所述关联单元，具体用于根据所述区域的坐标将所述至少两个网页页面的DOM树进行重组。

参见图4，为本发明实施例另一种页面处理装置的结构示意图。

该装置除了可以包括页面确定单元401，窗口划分单元402，关联单元403和页面处理单元404之外，还可以包括：

指令接收单元405，用于在所述页面确定单元401确定所述至少两个网页页面之前，接收多页面显示指令，所述多页面显示指令用于指示在单窗口中显示多个页面。该指令接收单元405，还用于接收单页面显示指令，所述单页面显示指令用于指示在单窗口中显示单个页面；该指令接收单元405具体用于接收用户在所述指定网页页面对应区域内的双击操作所触发的单页面显示指令，其中，所述指定网页页面为在所述窗口中同时显示的所述至少两个网页页面之一。

关联单元403，还用于在所述指令接收单元405接收到单页面显示指令后，将所述窗口的坐标与指定网页页面的地址进行关联；

页面处理单元404，还用于在所述窗口中对所述指定网页页面进行渲染，以在所述窗口中显示所述指定的网页页面。

在另一实施例中，所述指令接收单元405，还用于在所述页面处理单元404在所述窗口中对所述指定网页页面进行渲染，以在所述窗口中显示所述指定的网页页面之后，接收返回指令；

所述页面处理单元404，还用于根据所述返回指令在所述窗口中重新显示所述至少两个网页页面。

通过上述单元即可实现单窗口中单网页页面显示和多网页页面显示之间的快速切换，从而方便用户同时进行多种信息的查看，提高工作效率。

本发明实施例还提供了一种页面处理装置，该装置可以包括存储器和处理器。

存储器、处理器通过总线相互连接；总线可以是ISA总线、PCI总线或EISA总线等。所述总线可以分为地址总线、数据总线、控制总线等。

存储器，用于存放程序。具体地，程序可以包括程序代码，所述程序代码包括计算机操作指令。存储器可能包含高速RAM存储器，也可能还包括非易失性存储器（non-volatile memory），例如至少一个磁盘存储器。

所述处理器，用于读取所述程序代码，并执行以下步骤：

确定需要在单窗口中显示的至少两个网页页面；

将所述窗口划分为至少两个区域，所述区域的数量与所述网页页面的数量相同的区域；

将划分的所述区域与所述网页页面进行一一对应；

在所述窗口中对所述至少两个网页页面进行渲染，以在所述窗口中同时显示所述至少两个网页页面。

本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统、装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统、装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备（可以是个人计算机，服务器，或者网络设备等）或处理器（processor）执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器（ROM，Read-Only Memory）、随机存取存储器（RAM，Random Access Memory）、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应所述以权利要求的保护范围为准。

Claims (12)

1.一种页面处理方法，其特征在于，包括：

确定需要在单窗口中显示的至少两个网页页面；

将所述窗口划分为至少两个区域，所述区域的数量与所述网页页面的数量相同；

将划分的所述区域与所述网页页面进行一一对应；

在所述窗口中对所述至少两个网页页面进行渲染，以在所述窗口中同时显示所述至少两个网页页面。

2.根据权利要求1所述的方法，其特征在于，当所述方法应用于基于Webkit内核的浏览器时，所述将划分的所述区域与所述网页页面进行一一对应，包括：

根据所述区域的坐标将所述至少两个网页页面的文件对象模型DOM树进行重组。

3.根据权利要求1或2所述的方法，其特征在于，在所述确定需要在单窗口中显示的至少两个网页页面之前，还包括：

接收多页面显示指令，所述多页面显示指令用于指示在单窗口中显示多个页面。

4.根据权利要求1或2所述的方法，其特征在于，在所述对所述窗口中的所述至少两个网页页面进行渲染，以在所述窗口中同时显示所述至少两个网页页面之后，还包括：

接收单页面显示指令，所述单页面显示指令用于指示在单窗口中显示单个页面；

将所述窗口的坐标与指定网页页面进行关联；

在所述窗口中对所述指定网页页面进行渲染，以在所述窗口中显示所述指定的网页页面。

5.根据权利要求4所述的方法，其特征在于，所述接收单页面显示指令，包括：

接收用户在所述指定网页页面对应区域内的双击操作所触发的单页面显示指令，其中，所述指定网页页面为在所述窗口中同时显示的所述至少两个网页页面之一。

6.根据权利要求4所述的方法，其特征在于，在所述窗口中对所述指定网页页面进行渲染，以在所述窗口中显示所述指定的网页页面之后，还包括：

接收返回指令；

根据所述返回指令在所述窗口中重新显示所述至少两个网页页面。

7.一种页面处理装置，其特征在于，包括：

页面确定单元，用于确定需要在单窗口中显示的至少两个网页页面；

窗口划分单元，用于将所述窗口划分为至少两个区域，所述区域的数量与所述网页页面的数量相同；

关联单元，用于将划分的所述区域与所述网页页面进行一一对应；

页面处理单元，用于在所述窗口中对所述至少两个网页页面进行渲染，以在所述窗口中同时显示所述至少两个网页页面。

8.根据权利要求7所述的装置，其特征在于，当所述装置应用于基于Webkit内核的浏览器时，所述关联单元，具体用于根据所述区域的坐标将所述至少两个网页页面的DOM树进行重组。

9.根据权利要求7或8所述的装置，其特征在于，还包括：

指令接收单元，用于在所述页面确定单元确定所述至少两个网页页面之前，接收多页面显示指令，所述多页面显示指令用于指示在单窗口中显示多个页面。

10.根据权利要求7或8所述的装置，其特征在于，还包括：

指令接收单元，用于接收单页面显示指令，所述单页面显示指令用于指示在单窗口中显示单个页面；

所述关联单元，还用于在所述指令接收单元接收到单页面显示指令后，将所述窗口的坐标与指定网页页面进行关联；

所述页面处理单元，还用于在所述窗口中对所述指定网页页面进行渲染，以在所述窗口中显示所述指定的网页页面。

11.根据权利要求10所述的装置，其特征在于，

所述指令接收单元，具体用于接收用户在所述指定网页页面对应区域内的双击操作所触发的单页面显示指令，其中，所述指定网页页面为在所述窗口中同时显示的所述至少两个网页页面之一。

12.根据权利要求10所述的装置，其特征在于，

所述指令接收单元，还用于在所述页面处理单元在所述窗口中对所述指定网页页面进行渲染，以在所述窗口中显示所述指定的网页页面之后，接收返回指令；

所述页面处理单元，还用于根据所述返回指令在所述窗口中重新显示所述至少两个网页页面。

Images