CN105278797A - 页面切换的显示方法及装置 - Google Patents

Abstract

本发明公开了一种页面切换的显示方法及装置，其中，该方法包括：接收页面切换指令；保留当前页面的显示内容，创建初始状态为最小化状态的页面窗口，该页面窗口用于加载切换后的页面内容；在该页面窗口中的页面内容加载完成后，还原该页面窗口的尺寸并显示该页面窗口中的页面内容。通过本发明，解决了相关技术中需要一种低成本且适用范围广的方式来克服页面切换过程中出现空白显示情况的问题，该方法简单易行，易于推广，且无需占用很多资源，成本低廉。

Description

页面切换的显示方法及装置

技术领域

本发明涉及通信领域，具体而言，涉及一种页面切换的显示方法及装置。

背景技术

页面，通常为WEB页面，也称网页，是一种使用HTML语言，通过标签的形式对内容进行格式化并显示的页面。在多数浏览器上，Web页面支持使用JavaScript脚本对页面上的内容做操作。它是目前广泛应用的互联网内容展示方式之一，可以在PC、手机、平板电脑、机顶盒、电视机等多种设备上通过浏览器展示出丰富的内容。

但是，在从一个页面切换到另一页面的过程中，会机率性(例如在以下情况发生时，网速慢、***繁忙、页面复杂等情况下下一个页面来不及加载)出现空白显示的情况，表现为闪了一下白屏(例如，个人电脑(PC)、手机、平板电脑上)或者闪了一下黑屏(例如，机顶盒、电视机上)，可能会减低用户的浏览使用体验。在应用了框架嵌套(frame/iframe)技术的页面上，该问题的现象会更加明显。

目前对于该问题解决方法，通常是从浏览器层面进行定制化解决。该方法的优点是不需要页面参与；但是缺点非常明显，开发成本太高，在非定制化设备上，例如PC、手机、平板上，几乎不可能推动浏览器方面进行修改。因此，目前迫切需要一种低成本且适用范围广的方式来克服页面切换过程中出现空白显示的情况。

针对相关技术中需要一种低成本且适用范围广的方式来克服页面切换过程中出现空白显示情况的问题，目前尚未提出有效的解决方案。

发明内容

针对相关技术中需要一种低成本且适用范围广的方式来克服页面切换过程中出现空白显示情况的问题，本发明提供了一种页面切换的显示方法及装置，以至少解决上述问题。

根据本发明的一个方面，提供了一种页面切换的显示方法，包括：接收页面切换指令；保留当前页面的显示内容，创建初始状态为最小化状态的页面窗口，所述页面窗口用于加载切换后的页面内容；在所述页面窗口中的页面内容加载完成后，还原所述页面窗口的尺寸并显示所述页面窗口中的页面内容。

优选地，在还原所述页面窗口的尺寸并显示所述页面窗口中的页面内容之后，还包括：将所述页面窗口中的所述页面内容所覆盖的显示内容清除。

优选地，保留当前页面的显示内容，创建初始状态为最小化状态的页面窗口，包括：创建外框架，其中所述外框架中包括所述当前页面的显示内容；在所述外框架中创建初始状态为最小化状态的所述页面窗口。

优选地，还原所述页面窗口的尺寸并显示所述页面窗口中的页面内容包括：还原所述外框架中的所述页面窗口的尺寸并显示所述页面窗口中的页面内容。

优选地，在还原所述外框架中的所述页面窗口的尺寸并显示所述页面窗口中的页面内容之后，还包括：清空所述外框架中除所述页面窗口之外的显示内容，其中，所述显示内容为所述页面窗口中的所述页面内容所覆盖的显示内容。

优选地，在所述外框架中创建初始状态为最小化状态的所述页面窗口还包括：创建的所述页面窗口不可见；和/或，所述外框架可见或不可见。

根据本发明的另一方面，还提供了一种页面切换的显示装置，包括：接收模块，用于接收页面切换指令；创建模块，用于保留当前页面的显示内容，创建初始状态为最小化状态的页面窗口，所述页面窗口用于加载切换后的页面内容；显示模块，用于在所述页面窗口中的页面内容加载完成后，还原所述页面窗口的尺寸并显示所述页面窗口中的页面内容。

优选地，所述装置还包括：删除模块，用于将所述页面窗口中的所述页面内容所覆盖的显示内容清除。

优选地，所述创建模块包括：创建单元，用于创建外框架，其中所述外框架中包括所述当前页面的显示内容；操作单元，用于在所述外框架中创建初始状态为最小化状态的所述页面窗口。

优选地，所述显示模块包括：还原单元，用于还原所述外框架中的所述页面窗口的尺寸并显示所述页面窗口中的页面内容。

优选地，所述装置还包括：清空单元，用于清空所述外框架中除所述页面窗口之外的显示内容，其中，所述显示内容为所述页面窗口中的所述页面内容所覆盖的显示内容。

通过本发明，采用接收页面切换指令；保留当前页面的显示内容，创建初始状态为最小化状态的页面窗口，所述页面窗口用于加载切换后的页面内容；在所述页面窗口中的页面内容加载完成后，还原所述页面窗口的尺寸并显示所述页面窗口中的页面内容的方式，解决了相关技术中需要一种低成本且适用范围广的方式来克服页面切换过程中出现空白显示情况的问题，该方法简单易行，易于推广，且无需占用很多资源，成本低廉。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据本发明实施例的页面切换的显示方法的流程图；

图2是根据本发明实施例的页面切换的显示装置的结构框图；

图3是根据本发明优选实施例的易出现白屏或黑屏的传统方案示意图；

图4是根据本发明优选实施例的***了最小化和还原过程的优化方案示意图；

图5是根据本发明优选实施例的框架与内嵌页面关系示意图。

具体实施方式

下文中将参考附图并结合实施例来详细说明本发明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

在本实施例中提供了一种页面切换的显示方法，图1是根据本发明实施例的页面切换的显示方法的流程图，如图1所示，该方法包括如下步骤：

步骤S102，接收页面切换指令；

步骤S104，保留当前页面的显示内容，创建初始状态为最小化状态的页面窗口，所述页面窗口用于加载切换后的页面内容；

步骤S106，在所述页面窗口中的页面内容加载完成后，还原所述页面窗口的尺寸并显示所述页面窗口中的页面内容。

本实施例通过上述步骤，在接收到页面切换指令之后，将当前页面的显示内容进行保留，并创建了初始状态为最小化状态的页面窗口，将切换后的页面内容预先在该页面窗口中进行加载，待加载完成后，再显示该页面窗口中的页面内容，这样使得在整个页面切换过程中，页面中不会对未加载完成过程中的页面进行任何显示，从而避免了页面切换过程中出现空白显示情况，解决了相关技术中需要一种低成本且适用范围广的方式来克服页面切换过程中出现空白显示情况的问题，该方法简单易行，易于推广，且无需占用很多资源，成本低廉。

优选地，在显示所述页面窗口中的内容之后，可以清除原窗口内容，即可以将所述页面窗口中的所述页面内容所覆盖的显示内容清除。通过这种方式，在切换后的页面加载完成后，替换掉之前显示的内容，且删除之前显示的内容，降低了资源的占用率。

优选地，可以通过创建外框架的方式实现上述步骤S104，具体地，可以创建外框架，其中所述外框架中包括所述当前页面的显示内容；在所述外框架中创建初始状态为最小化状态的所述页面窗口。通过这种方式实现上述步骤S104，实现方便。

优选地，在通过建立外框架的方式实现上述步骤S104的情况下，上述步骤S106中还原页面窗口的尺寸并显示页面窗口中的内容的实现方式更加简单，即还原外框架中的所述页面窗口的尺寸并显示所述页面窗口中的页面内容即可。

优选地，在通过建立外框架的方式实现上述步骤S104的情况下，将所述页面窗口中的所述页面内容所覆盖的显示内容清除的实现方式也更加简单，即清空所述外框架中除所述页面窗口之外的显示内容，其中，所述显示内容为所述页面窗口中的所述页面内容所覆盖的显示内容。

优选地，在通过建立外框架的方式实现上述步骤S104的情况下，在外框架中创建初始状态为最小化状态的所述页面窗口过程中，上述最小化的页面窗口可以是不可见的，这样页面更加美观，用户体验更好；同样的，创建的外框架也可以是不可见的，但是也可以是采用可见的方式实现外框架。

对应于上述方法，在本实施例中还提供了一种页面切换的显示装置，该装置用于实现上述实施例及优选实施方式，已经进行过说明的不再赘述。如以下所使用的，术语“模块”可以实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的装置较佳地以软件来实现，但是硬件，或者软件和硬件的组合的实现也是可能并被构想的。

图2是根据本发明实施例的页面切换的显示装置的结构框图，如图2所示，该装置包括接收模块22、创建模块24和显示模块26，下面对各个模块进行详细说明：

接收模块22，用于接收页面切换指令；创建模块24，与接收模块22相连，用于保留当前页面的显示内容，创建初始状态为最小化状态的页面窗口，所述页面窗口用于加载切换后的页面内容；显示模块26，与创建模块24相连，用于在所述页面窗口中的页面内容加载完成后，还原所述页面窗口的尺寸并显示所述页面窗口中的页面内容。

优选地，上述装置还可以包括：删除模块，与显示模块26相连，用于将所述页面窗口中的所述页面内容所覆盖的显示内容清除。

优选地，上述创建模块24可以包括：创建单元，用于创建外框架，其中所述外框架中包括所述当前页面的显示内容；操作单元，与创建单元相连，用于在所述外框架中创建初始状态为最小化状态的所述页面窗口。

优选地，上述显示模块26可以包括：还原单元，与操作单元相连，用于还原所述外框架中的所述页面窗口的尺寸并显示所述页面窗口中的页面内容。

优选地，上述装置还可以包括：清空单元，与创建单元相连，用于清空所述外框架中除所述页面窗口之外的显示内容，其中，所述显示内容为所述页面窗口中的所述页面内容所覆盖的显示内容。

下面结合优选实施例进行说明，以下优选实施例结合了上述实施例及其优选实施方式。

在以下优选实施例中，提供了一种去除页面切换过程中空白间隙的方法，该方法可以用于所有网页/Web页面显示的领域，包括但不限于PC、手机、平板电脑、机顶盒、电视机等任何运行网页/Web页面的设备。该方法从页面方面解决页面切换过程中出现空白间隙问题。

为了解决Web页面在浏览器上进行页面切换的时候，不会出现空白显示的现象，从而提升用户浏览页面时的流畅性，最终提升用户体验。本优选实施例使用了一种简单的方法实现了该目的，并且该方法具有普遍适用性，能够开发一次即在包括但不限于PC、手机、平板电脑、机顶盒、电视机等能够运行浏览器的设备上应用。在多数情况下，该方法不需要针对个别具体的浏览器进行具体适配性调节。该方法可以在普通的页面上通过附加包裹其内容的外框架，并通过外框架进行创建最小化窗口->加载目标页面->还原窗口大小的操作，实现内容页面平滑过度(无白屏或者黑屏等空白显示间隙的)的效果。

本优选实施例的核心思想是使用一个不可见的外框架包裹需要实现平滑切换效果的页面。在被外框架包裹的页面进行切换的时候，当前显示的页面(源页面)在保留(不清空)显示内容的情况下，外框架首先建立一个不可见的最小化窗口，在不可见的最小化窗口中打开需要切换至的页面(即目标页面)，待目标页面在不可见的最小化窗口内加载完成后，还原该窗口大小，展示出已加载完成的目标页面内容，并清空被目标窗口内容遮挡的源页面内容，最终实现无空白间隙的平滑过渡显示。父框架(即上述外框架)的作用是控制内嵌页面窗口的创建、最小化、还原、清空操作。

在目标页面内容加载完成并还原之前最小化的窗口大小之前，源页面的内容一直得到保留并显示，只有在目标页面窗口还原之后，源页面显示内容才会被清除。由于目标页面窗口已显示出来，源页面显示的内容即可在无任何空白或黑屏等空白加载间隙的情况下被清除，实现平滑过渡且无空白或黑屏的效果。

下面结合附图进行更为详细地说明：

图3是根据本发明优选实施例的易出现白屏或黑屏的传统方案示意图，图4是根据本发明优选实施例的***了最小化和还原过程的优化方案示意图，如图4所示，该方案包括：

步骤S1：需要由A页面(源页面)切换至B页面(目标页面)。

步骤S2：使用外框架，创建最小化窗口：在源页面(A页面)向目标页面(B页面)发出加载请求之前，外框架(包裹着AB页面的父框架)首先在其内打开一个最小化(不可见)的内嵌页面。

步骤S3：在最小化窗口内，加载目标页面：按照传统的做法(即图3)，在没有实现第一步的情况下，从源页面(A页面)向目标页面(B页面)切换的过程中，可能会出现白屏或者黑屏现象；而在使用了如图4所示的外框架嵌套最小化加载的方法，预先实现了步骤S2，这时页面显示的还是源页面(A页面)的内容，因为源页面(A页面)已经存在于界面上，而加载目标页面(B页面)内容的页面部分此时是最小化状态(不可见状态)，这种情况下，在外框架的控制下，内嵌目标页面是在最小化(不可见状态)的状态下进行加载，所以界面在目标页面没有完全加载完成之前仍保留显示着源页面的内容，所以不会出现白屏或者黑屏等空白加载间隙的现象。

步骤S4：目标页面加载完毕，还原窗口，清空源页面：传统做法(即图3)是不做任何处理直接在白屏或者黑屏的情况下(如果存在白屏或者黑屏)开始加载目标页面的内容，这样就造成了源页面内容已被清除，而目标页面仍未加载完成所致的白屏或者黑屏等空白间隙。本发明的做法是使用父框架控制内嵌页面在最小化不可见的情况下加载完成之后，还原其原始窗口大小来展示原目标页面(B页面)的内容，再清空源页面的内容显示。由于还原目标页面窗口大小时，目标页面内容已加载完成，故屏幕显示的效果既是由源页面内容在无任何黑屏或白屏等空白间隙的情况下，直接平滑切换显示至目标页面的内容。

步骤S5：B页面(目标页面)显示切换完成，正常显示B页面(目标页面)的内容。

图5是根据本发明优选实施例的框架与内嵌页面关系示意图，上述优化方案的实现效果如图5所示。在该图中：

A为外框架，支持两种模式：1、真实，带可见边框和外屋内容：2、虚拟，无可见边框，直接最大化显示内嵌页面内容。外框架用于控制内嵌页面最小化、加载、还原操作。

B为内嵌页面，在该区域中显示当前页面的内容，如源页面内容，以及加载完成后的目标页面内容(即切换后的页面的内容)。

C为最小化窗口，不可见，用于加载目标页面内容，加载完成后还原窗口大小，替换B处内容。

在另外一个实施例中，还提供了一种软件，该软件用于执行上述实施例及优选实施例中描述的技术方案。

在另外一个实施例中，还提供了一种存储介质，该存储介质中存储有上述软件，该存储介质包括但不限于光盘、软盘、硬盘、可擦写存储器等。

显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，并且在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (11)

1.一种页面切换的显示方法，其特征在于，包括：

接收页面切换指令；

保留当前页面的显示内容，创建初始状态为最小化状态的页面窗口，所述页面窗口用于加载切换后的页面内容；

在所述页面窗口中的页面内容加载完成后，还原所述页面窗口的尺寸并显示所述页面窗口中的页面内容。

2.根据权利要求1所述的方法，其特征在于，在还原所述页面窗口的尺寸并显示所述页面窗口中的页面内容之后，还包括：

将所述页面窗口中的所述页面内容所覆盖的显示内容清除。

3.根据权利要求1所述的方法，其特征在于，保留当前页面的显示内容，创建初始状态为最小化状态的页面窗口，包括：

创建外框架，其中所述外框架中包括所述当前页面的显示内容；

在所述外框架中创建初始状态为最小化状态的所述页面窗口。

4.根据权利要求3所述的方法，其特征在于，还原所述页面窗口的尺寸并显示所述页面窗口中的页面内容包括：

还原所述外框架中的所述页面窗口的尺寸并显示所述页面窗口中的页面内容。

5.根据权利要求4所述的方法，其特征在于，在还原所述外框架中的所述页面窗口的尺寸并显示所述页面窗口中的页面内容之后，还包括：

清空所述外框架中除所述页面窗口之外的显示内容，其中，所述显示内容为所述页面窗口中的所述页面内容所覆盖的显示内容。

6.根据权利要求3所述的方法，其特征在于，在所述外框架中创建初始状态为最小化状态的所述页面窗口还包括：

创建的所述页面窗口不可见；和/或，

所述外框架可见或不可见。

7.一种页面切换的显示装置，其特征在于，包括：

接收模块，用于接收页面切换指令；

创建模块，用于保留当前页面的显示内容，创建初始状态为最小化状态的页面窗口，所述页面窗口用于加载切换后的页面内容；

显示模块，用于在所述页面窗口中的页面内容加载完成后，还原所述页面窗口的尺寸并显示所述页面窗口中的页面内容。

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

删除模块，用于将所述页面窗口中的所述页面内容所覆盖的显示内容清除。

9.根据权利要求7所述的装置，其特征在于，所述创建模块包括：

创建单元，用于创建外框架，其中所述外框架中包括所述当前页面的显示内容；

操作单元，用于在所述外框架中创建初始状态为最小化状态的所述页面窗口。

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

还原单元，用于还原所述外框架中的所述页面窗口的尺寸并显示所述页面窗口中的页面内容。

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

清空单元，用于清空所述外框架中除所述页面窗口之外的显示内容，其中，所述显示内容为所述页面窗口中的所述页面内容所覆盖的显示内容。