CN110489684A - 用于显示浏览器页面的方法、设备、装置和存储介质 - Google Patents

Abstract

本公开提供了一种用于显示浏览器页面的方法、设备、装置和存储介质。所述方法包括：在多个浏览器页面中，确定当前可见的第一浏览器页面，其中，所述当前可见的第一浏览器页面位于显示窗口的最上层；维持所述当前可见的第一浏览器页面的网络连接，并且停止所述多个浏览器页面中除所述第一浏览器页面之外的其他浏览器页面的网络连接，其中，所述其他浏览器页面当前不可见。

Description

用于显示浏览器页面的方法、设备、装置和存储介质

技术领域

本公开涉及显示领域，具体的涉及一种用于显示浏览器页面的方法、设备、装置和存储介质。

背景技术

对于浏览器应用程序，用户可以同时打开多个浏览器窗口，也可以在一个浏览器窗口中打开多个浏览器页面，并对每个浏览器页面建立与服务器之间的网络连接，并基于接收到的网络连接数据进行渲染显示。然而，渲染显示当前不可见的浏览器页面将降低浏览器应用程序的效率和性能，造成数据资源的浪费。

发明内容

本公开提供一种用于显示浏览器页面的方法、设备、装置和计算机可读存储介质，用于基于浏览器页面的当前可见性状态来进行网络连接，节约网络连接资源。

根据本公开的一方面，提供了一种用于显示浏览器页面的方法，包括：在多个浏览器页面中，确定当前可见的第一浏览器页面，其中，所述当前可见的第一浏览器页面位于显示窗口的最上层；维持所述当前可见的第一浏览器页面的网络连接，并且停止所述多个浏览器页面中除所述第一浏览器页面之外的其他浏览器页面的网络连接，其中，所述其他浏览器页面当前不可见。

根据本公开的一些实施例，所述用于显示浏览器页面的方法还包括：确定当前可见的浏览器页面从所述第一浏览器页面切换至第二浏览器页面的事件；响应于所述切换的事件，建立所述第二浏览器页面的网络连接，并且停止所述多个浏览器页面中除所述第二浏览器页面之外的其他浏览器页面的网络连接。

根据本公开的一些实施例，所述用于显示浏览器页面的方法还包括：在所述第一浏览器页面与所述第二浏览器页面是同源浏览器页面的情况下，共享所述第一浏览器页面与所述第二浏览器页面的网络连接数据，其中，所述同源浏览器符合同源访问安全策略；基于共享的网络连接数据对所述第一浏览器页面与第二浏览器页面实现页面同步。

根据本公开的一些实施例，共享所述第一浏览器页面与所述第二浏览器页面的网络连接数据包括：利用本地存储接口，在本地存储器中存储与所述第一浏览器页面和第二浏览器页面相关联的网络连接数据；共享本地存储器中存储的所述第一浏览器页面与所述第二浏览器页面的网络连接数据。

根据本公开的一些实施例，共享所述第一浏览器页面与所述第二浏览器页面的网络连接数据包括：利用共享工作接口，在共享进程中记录与所述第一浏览器页面和第二浏览器页面相关联的网络连接数据；共享共享进程中记录的所述第一浏览器页面与所述第二浏览器页面的网络连接数据。

根据本公开的一些实施例，所述用于显示浏览器页面的方法还包括：利用页面可见性接口来确定当前可见的浏览器页面。

根据本公开的另一方面，还提供了一种用于显示浏览器页面的设备，包括：确定单元，配置成在多个浏览器页面中，确定当前可见的第一浏览器页面，其中，所述当前可见的第一浏览器页面位于显示窗口的最上层；网络连接单元，配置成维持所述当前可见的第一浏览器页面的网络连接，并且停止所述多个浏览器页面中除所述第一浏览器页面之外的其他浏览器页面的网络连接，其中，所述其他浏览器页面当前不可见。

根据本公开的一些实施例，所述确定单元还配置成：确定当前可见的浏览器页面从所述第一浏览器页面切换至第二浏览器页面的事件；所述网络连接单元还配置成响应于所述切换的事件，建立所述第二浏览器页面的网络连接，并且停止所述多个浏览器页面中除所述第二浏览器页面之外的其他浏览器页面的网络连接。

根据本公开的一些实施例，所述用于显示浏览器页面的设备还包括共享单元，配置成：在所述第一浏览器页面与所述第二浏览器页面是同源浏览器页面的情况下，共享所述第一浏览器页面与所述第二浏览器页面的网络连接数据，其中，所述同源浏览器符合同源访问安全策略；基于共享的网络连接数据对所述第一浏览器页面与第二浏览器页面实现页面同步。

根据本公开的一些实施例，所述共享单元包括本地存储接口单元，所述共享单元利用所述本地存储接口单元，在本地存储器中存储与所述第一浏览器页面和第二浏览器页面相关联的网络连接数据；共享本地存储器中存储的所述第一浏览器页面与所述第二浏览器页面的网络连接数据。

根据本公开的一些实施例，所述共享单元包括共享工作接口单元，所述共享单元利用共享工作接口单元，在共享进程中记录与所述第一浏览器页面和第二浏览器页面相关联的网络连接数据；共享共享进程中记录的所述第一浏览器页面与所述第二浏览器页面的网络连接数据。

根据本公开的一些实施例，所述用于显示浏览器页面的设备还包括页面可见性接口单元，配置成确定当前可见的浏览器页面。

根据本公开的又一方面，还提供了一种用于显示浏览器页面的装置，包括：处理器；和存储器，其中，所述存储器中存储有计算机可读代码，所述计算机可读代码当由所述一个或多个处理器运行时，执行如上所述的用于显示浏览器页面的方法。

根据本公开的又一方面，还提供了一种计算机可读存储介质，其上存储有指令，所述指令在被处理器执行时，使得所述处理器执行如上所述的用于显示浏览器页面的方法。

通过本公开提供的用于显示浏览器页面的方法、设备、装置和计算机可读存储介质，在多个浏览器页面中，确定当前可见的第一浏览器页面，维持所述当前可见的第一浏览器页面的网络连接，并停止当前不可见的浏览器页面的网络连接，从而实现基于浏览器页面的当前可见性状态来进行网络连接，进一步实现节约网络连接资源，提高显示浏览器页面的效率的有利技术效果。

附图说明

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

图1A示出了一个浏览器窗口的示意图；

图1B示出了多个浏览器窗口的示意图；

图2示出了多个浏览器页面的示意图；

图3示出了根据本公开实施例的用于显示浏览器页面的方法的流程示意图；

图4A示出了根据本公开实施例的A页面处于可见状态的示意图；

图4B示出了根据本公开实施例的B页面处于可见状态的示意图；

图5示出了根据本公开实施例的用于显示浏览器页面的设备的示意图；

图6示出了根据本公开实施例的用于显示浏览器页面的装置的示意图；

图7示出了根据本公开实施例的示例性计算设备的架构的示意图；

图8示出了根据本公开实施例的存储介质的示意图。

具体实施方式

下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本公开一部分的实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在无需创造性劳动的前提下所获得的所有其他实施例，都属于本公开保护的范围。

本公开中使用的“第一”、“第二”以及类似的词语并不表示任何顺序、数量或者重要性，而只是用来区分不同的组成部分。同样，“包括”或者“包含”等类似的词语意指出现该词前面的元件或者物件涵盖出现在该词后面列举的元件或者物件及其等同，而不排除其他元件或者物件。“连接”或者“相连”等类似的词语并非限定于物理的或者机械的连接，而是可以包括电性的连接，不管是直接的还是间接的。

本公开中使用了流程图用来说明根据本公开的实施例的方法的步骤。应当理解的是，前面或后面的步骤不一定按照顺序来精确的进行。相反，可以按照倒序或同时处理各种步骤。同时，也可以将其他操作添加到这些过程中，或从这些过程移除某一步或数步。

对于浏览器应用程序，用户可以只打开一个浏览器窗口，或者，还可以同时打开多个浏览器窗口。具体的，图1A示出了一个浏览器窗口的示意图，图1B示出了多个浏览器窗口的示意图。此外，在浏览器窗口中，还可以打开多个浏览器页面。图2示出了多个浏览器页面的示意图，其中，每个浏览器页面可以对应于诸如图2中所示出的“1”、“2”、“3”、“4”的标签。

如以上背景技术部分所介绍的，在打开了多个浏览器页面的情况下，为了实现跨屏同步，即使得所述多个浏览器页面显示相同的内容，需要多个浏览器页面所在的浏览器窗口都建立与服务器之间的网络连接(或者称为数据连接)，使得多个浏览器窗口可以同步地接收到相同的数据，然后基于接收的数据来渲染显示浏览器窗口中的浏览器页面，以使得所述多个浏览器页面显示的内容保持同步。然而，对于所述多个浏览器页面，在全屏显示的状态下，只有一个浏览器页面处于对于用户当前可见的状态(例如，图2中对应于标签“4”的浏览器页面)，而其他的浏览器页面则处于当前不可见的状态。如上所述的，如果对每个浏览器窗口都建立网络连接，并渲染显示所有的浏览器页面，这将不可避免地造成数据资源的浪费。

根据本公开的一方面，提供了一种用于显示浏览器页面的方法，图3示出了根据本公开实施例的用于显示浏览器页面的方法的流程示意图。以下将结合图3描述根据本公开的方法。

如图3所示，首先，在步骤S301，在多个浏览器页面中，确定当前可见的第一浏览器页面，其中，所述当前可见的第一浏览器页面位于显示窗口的最上层。作为一个示例，所述多个浏览器页面可以如图1B中所示出的分别显示在多个浏览器窗口中，换句话说，每个浏览器窗口中显示有一个浏览器页面。作为其他示例，所述多个浏览器页面还可以如图2中所示出的显示在一个浏览器窗口中，换句话说，一个浏览器窗口中显示有多个浏览器页面。又或者还可以是以上两种示例的结合，本公开并不限制所述浏览器页面的与浏览器窗口的具体显示方式。

根据本公开实施例，所述当前可见是指浏览器页面位于显示窗口的最上层。所以显示窗口可以是一个或多个显示屏幕。所述最上层可以理解成所述浏览器页面相对于诸如用户处于可操作的状态。相对应地，当前不可见可以是指浏览器页面被例如浏览器标签(Tab)切换至后台，或者被用户最小化至任务栏，或者被其他应用程序遮挡，而相对于用户处于不可见(或者称为不可操作)的状态。

举例来说，如图2中所示出的，在用户在一个浏览器窗口中同时打开了多个浏览器页面的情况下，对应于标签“4”的浏览器页面处于当前可见的状态，即对应于标签“4”的浏览器页面作为所述第一浏览器页面。而其他的浏览器页面，即对应于标签“1”、“2”、“3”的浏览器页面被标签切换至后台，从而处于当前不可见的状态，其页面内容由于受到当前可见的浏览器页面4的遮挡而处于不可见状态。需要注意的是，所述第一浏览器页面可以是一个浏览器页面(诸如，图2中示出的浏览器页面4)，也可以是多个浏览器页面。例如，通过多屏显示技术可以同时显示多个浏览器页面，使得多个浏览器页面同时处于当前可见的状态，在此不作限制。

接着，在步骤S302，维持所述当前可见的第一浏览器页面的网络连接，并且停止所述多个浏览器页面中除所述第一浏览器页面之外的其他浏览器页面的网络连接。所述其他浏览器页面处于当前不可见的状态。基于此，可以实现基于浏览器页面当前是否可见来建立诸如与服务器之间的网络连接，换句话说，仅在当前可见的第一浏览器页面与服务器之间建立网络连接，并且渲染显示所述第一浏览器页面，从而节约当前不可见的其他浏览器页面的网络连接资源以及节约渲染显示所述其他浏览器页面的资源，以提高显示浏览器页面的效率。在本文中，可以将所述浏览器窗口简化表示为窗口，将所述浏览器页面简化表示为页面。

根据本公开实施例，所述用于显示浏览器页面的方法还可以包括利用页面可见性(Page Visibility)接口来确定当前可见的浏览器页面。所述页面可见性接口可以是一种应用程序调用接口(Application Programming Interface，API)。所述API是操作系统相对于应用程序的调用接口，诸如浏览器应用程序可以通过调用API来执行应用程序所需的功能，具有无需访问源码或理解内部工作机制即可实现相应功能的优势。

所述页面可见性API可以用于确定当前可见的第一浏览器页面。例如，可以在浏览器文档(document)对象上，增加文档可见状态(document.visibilityState)的属性，以实施调用所述页面可见性API。该属性可以实现通过返回字符串来表示页面当前的可见性状态。例如，所述字符串可以包括用于表示页面不可见的hidden和用于表示页面可见的visible。例如，只要页面中的至少一部分是可见的，document.visibilityState属性就可以返回字符串visible。在以下四种情况中，document.visibilityState属性将返回字符串hidden，包括：浏览器页面当前处于最小化状态、当前页面切换成背景页(例如，通过标签切换)。基于此，可以通过调用所述页面可见性API来确定处于当前可见状态的第一浏览器页面，并确定处于当前不可见状态的其他浏览器页面。

根据本公开实施例，所述用于显示浏览器页面的方法还可以包括确定当前可见的浏览器页面从所述第一浏览器页面切换至第二浏览器页面的事件。例如，可以利用如上所述的页面可见性API来确定所述切换的事件。举例来说，对于如图2中示出的多个页面，当前可见的页面是对应于标签“4”的页面，接着，诸如用户可以通过标签切换的方式将对应于标签“3”的页面切换至当前可见的状态，而所述对应于标签“4”的页面将从当前可见的状态切换成当前不可见的状态。在此示例中，所述对应于标签“4”的页面表示所述第一浏览器页面，所述对应于标签“3”的页面表示第二浏览器页面。

接着，响应于所述切换的事件，即，当前可见的页面从第一浏览器页面切换至第二浏览器页面，建立所述第二浏览器页面的网络连接，并且停止所述多个浏览器页面中除所述第二浏览器页面之外的其他浏览器页面的网络连接。例如，利用所述页面可见性API，在当前可见的页面从第一浏览器页面切换至第二浏览器页面的情况下，对应于第一浏览器页面的字符串可以从visible变成hidden，而对应于第二浏览器页面的字符串可以从hidden变成visible，基于以上字符串的改变，可以实现确定所述切换事件。由此，在根据本公开的方法中，网络连接的状态是随着页面的当前可见性状态改变的，仅建立处于当前可见状态的页面的网络连接，而停止处于当前不可见状态的页面的网络连接。所述停止网络连接的页面可以保持静默状态，例如，不进行数据传输、数据缓存、渲染页面等的操作。

根据本公开实施例，所述用于显示浏览器页面的方法还可以包括在所述第一浏览器页面与所述第二浏览器页面是同源浏览器页面的情况下，共享所述第一浏览器页面与所述第二浏览器页面的网络连接数据。根据本公开实施例，所述同源浏览器符合同源访问安全策略。所述同源访问安全策略是浏览器的一个安全功能，不同来源的客户端脚本在没有明确授权的情况下，不能读写对方的资源数据。所述同源浏览器页面可以是指页面的来源相同，所述来源可以包括三个方面：协议、设备、统一资源定位符(Uniform ResourceLocator，URL)端口，换句话说，在以上三个方面均一致的情况下，可以将所述页面称为同源页面。浏览器应用程序中具有同源访问策略(Same origin policy)，用于确定上述同源页面，并且仅允许在符合同源策略的页面之间共享网络连接数据。所述网络连接数据的具体内容与页面的应用场景相关，例如可以是页面中显示的聊天数据、用户在页面内输入的数据、服务器推送的中转信息等，在此不再一一列举。

根据本公开实施例，所述用于显示浏览器页面的方法还可以包括：基于共享的网络连接数据对所述第一浏览器页面与第二浏览器页面实现页面同步。例如，共享所述第一浏览器页面与所述第二浏览器页面的网络连接数据可以用于在页面可见性状态改变的情况下，实现网络连接数据的同步，基于同步的网络连接数据，可以对所述第一浏览器页面和第二浏览器陀实现页面同步，即，使得同源页面在可见性状态发生改变之后，可以基于相同的数据进行页面渲染，由此显示相同的内容，以便于用户查看。

在根据本公开的实施例中，首先，当前可见的页面可以是第一浏览器页面，接着建立第一浏览器页面的网络连接，并停止诸如第二浏览器页面的网络连接。在显示第一浏览器页面的过程中，将更新或者改变其中显示的数据。在将与所述第一浏览器页面同源的第二浏览器页面切换至当前可见状态之后，有需要对第二浏览器页面中的内容进行数据更新，使得其可以显示与所述第一浏览器页面相同的内容，即实现数据同步。这可以使得同源页面在可见性状态发生改变之后可以同步其在断开网络连接期间的数据，保证同源页面显示内容的一致性。

根据本公开实施例，共享所述第一浏览器页面与所述第二浏览器页面的网络连接数据可以包括：利用本地存储接口，在本地存储器中存储与所述第一浏览器页面和第二浏览器页面相关联的网络连接数据，共享本地存储器中存储的所述第一浏览器页面与所述第二浏览器页面的网络连接数据。其中，所述本地存储接口可以是本地存储(localStorage)API，通过调用所述本地存储API可以将浏览器页面的数据存储在本地设备中，诸如本地数据库。相比于传统的浏览器存储，所述本地存储可以实现更大的存储数据量，并且从本地存储中获取数据可以具有降低网络流量、提升浏览器的响应速度的优势。对于本地存储的网络连接数据，其生命周期可以长于浏览器窗口，并可被同源的页面共享。例如，在将当前可见的浏览器页面从所述第一浏览器页面切换至第二浏览器页面之后，可以将本地存储的、所述第一浏览器页面的数据提供给所述第二浏览器页面，以同步所述第一浏览器页面和所述第二浏览器页面之间的数据，使得符合同源访问策略的页面显示相同的内容。

根据本公开实施例，共享所述第一浏览器页面与所述第二浏览器页面的网络连接数据可以包括：利用共享工作接口，在共享进程中记录与所述第一浏览器页面和第二浏览器页面相关联的网络连接数据，共享共享进程中记录的所述第一浏览器页面与所述第二浏览器页面的网络连接数据。具体的，所述共享工作接口可以是共享工作(SharedWorker)API，通过调用所述共享工作API可以将浏览器的数据记录在进程中。所述共享工作API可以从一个浏览器应用程序的主进程中分离出后台进程，在后台进程中记录网络连接数据。进一步地，通过调用所述共享工作API，在两个页面是同源页面的情况下(即符合所述浏览器同源访问策略)，允许其共享进程中记录的数据。

图4A示出了根据本公开实施例的A页面处于可见状态的示意图，图4B示出了根据本公开实施例的B页面处于可见状态的示意图。以下，将结合图4A和图4B来描述根据本公开的方法显示页面的过程。

如图4A所示，可以基于页面可见性API确定当前可见的页面是A页面，基于此，维持所述当前可见的A页面与服务器之间的网络连接，并且对所述A页面进行渲染，以显示所述A页面。接着，可以利用本地存储API将与所述A页面相关的数据存储在本地数据库中。而对于当前不可见的B页面，可以停止其与服务器之间的网络连接，使其处于所述静默状态，从而节省资源。

接着，如图4B所示，利用所述页面可见性API，确定当前可见的页面从所述A页面切换至B页面的事件，即A页面处于当前不可见的状态，B页面处于当前不可见的状态。响应于所述切换的事件，即，当前可见的页面从所述A页面切换至B页面，建立所述B页面的网络连接，渲染显示所述B页面，并且停止A页面的网络连接。此外，还可以利用本地存储API将与所述B页面相关的数据存储在本地数据库中。进一步地，在所述A页面与B页面是同源页面的情况下，允许共享所述A页面与所述B页面的网络连接数据。例如，可以将本地数据库中与所述A页面相关的数据提供给所述B页面，以显示同步数据后的B页面。如上所述的，这可以使得同源页面在可见性状态发生改变之后同步其在断开网络连接期间的数据，保证同源页面显示内容的一致性。

上述同源页面共享数据的过程可以应用于较多的应用场景中，举例来说，在使用浏览器页面为载体进行在线客户服务接待、在线聊天等的场景中，用户可能会同时打开多个相同的浏览器页面(即，符合同源访问策略)，这需要浏览器同时加载多个浏览器页面。例如，用户可以在上述页面中建立会话，进行咨询或者沟通。在此应用场景中，所述网络连接数据可以是聊天内容。为了保证用户会话的连续性，需要在多个页面之间进行数据同步，以确保多个页面内的聊天内容保持一致。例如，基于所述页面可见性API和本地存储API，在当前可见的页面从上述A页面切换至B页面之后，可以将本地数据库中与A页面相关的数据提供给B页面，以用于渲染显示B页面，实现B页面与A页面的数据同步，从而使得用户可以在切换后的B页面中查看到与A页面相同的聊天内容，即保证用户会话的连续性。

作为另一示例，上述同源页面共享数据的过程还可以应用于编辑在线文档的应用场景。例如，用户在编辑在线文档时，为了便于查看文档的上下文部分，可能同时打开两个或者多个浏览器页面来加载同一篇文档，这需要所述文档的内容在多个浏览器页面之间保持同步。在此应用场景中，网络连接数据可以是文档内容。例如，用户在A页面中显示文档的第1页，在B页面中显示文档的第3页，以便于比较查看。首先，当前可见的页面可以是A页面，用户可以在A页面中对文档的第1页进行编辑，诸如将文档第1页中的数字“1”修改为“2”。接着，为查看文档的第3页的内容，用户可以将当前可见的页面从A页面切换至B页面，由于所述A页面与B页面符合同源访问策略，可以共享所述A页面与B页面的网络连接数据，即，在B页面中显示的文档中，其第1页中的数字“1”也相应地修改为“2”。这使得用户在不同页面中查看的文档可以在基于可见性进行网络连接的基础上，实现数据同步，保证同源页面显示内容的一致性，有助于节省网络连接资源，并且提高用户体验。

除了以上列举的应用场景之外，根据本公开的用于显示浏览器页面的方法还可以应用于诸如数据监控、在线排队、在线点餐等基于浏览器应用程序、同时载入多个相同的页面且页面内容需要保持同步的应用场景。

通过根据本公开的用于显示浏览器页面的方法，可以实现基于浏览器页面当前的可见性状态来进行网络连接，建立处于当前可见状态的页面的网络连接、存储数据到本地数据库、并渲染显示当前可见的页面，对于处于当前不可见状态的其他页面，停止网络连接，使其保持静默状态，以节约网络链接、数据传输、页面渲染等多方面的开销，提升了浏览器及其相关服务等多方面的性能。由此实现节约网络连接资源，提高显示浏览器页面的效率的效果。进一步地，基于本地存储API或者共享工作API等的接口，还可以实现同源页面数据共享，保证同源页面的数据同步。

根据本公开的另一方面，还提供了一种用于显示浏览器页面的设备。图5示出了根据本公开实施例的用于显示浏览器页面的设备1000的示意性框图。所述设备1000可以包括确定单元1010和网络连接单元1020。所述确定单元1010可以配置成在多个浏览器页面中，确定当前可见的第一浏览器页面，其中，所述当前可见的第一浏览器页面位于显示窗口的最上层。所述网络连接单元1020可以配置成维持所述当前可见的第一浏览器页面的网络连接，并且停止所述多个浏览器页面中的除所述第一浏览器页面之外的其他浏览器页面的网络连接，其中，所述其他浏览器页面当前不可见。。基于此，可以实现基于浏览器页面当前是否可见来建立诸如与服务器之间的网络连接，换句话说，仅在当前可见的第一浏览器页面与服务器之间建立网络连接，并且渲染显示所述第一浏览器页面，从而节约当前不可见的其他浏览器页面的网络连接资源以及节约渲染显示所述其他浏览器页面的资源。其中，所述第一浏览器页面可以是一个浏览器页面也可以是多个浏览器页面。

根据本公开的一些实施例，所述确定单元1010还可以配置成确定当前可见的浏览器页面从所述第一浏览器页面切换至第二浏览器页面的事件。所述网络连接单元1020还可以配置成响应于所述切换的事件，建立所述第二浏览器页面的网络连接，并且停止所述多个浏览器页面中的除所述第二浏览器页面之外的其他浏览器页面的网络连接。

根据本公开的一些实施例，所述用于显示浏览器页面的设备1000还可以包括共享单元1030。所述共享单元1030可以配置成在所述第一浏览器页面与所述第二浏览器页面是同源浏览器页面的情况下，共享所述第一浏览器页面与所述第二浏览器页面的网络连接数据，其中，所述同源浏览器符合同源访问安全策略；以及基于共享的网络连接数据对所述第一浏览器页面与第二浏览器页面实现页面同步。所述网络连接数据的具体内容与页面的应用场景相关，例如可以是以上应用示例中的聊天数据，还可以是用户在页面内输入的数据、服务器推送的中转信息等，在此不再一一列举。

根据本公开的一些实施例，所述共享单元1030可以包括本地存储接口单元。所述共享单元1030可以利用所述本地存储接口单元，在本地存储器中存储与所述第一浏览器页面和第二浏览器页面相关联的网络连接数据，并共享本地存储器中存储的所述第一浏览器页面与所述第二浏览器页面的网络连接数据。所述本地存储接口单元可以包括本地存储(localStorage)API，通过调用所述本地存储API来将浏览器页面的数据存储在本地设备中，诸如本地数据库。

根据本公开的一些实施例，所述共享单元1030可以包括共享工作接口单元。所述共享单元1030可以利用共享工作接口单元，在共享进程中记录与所述第一浏览器页面和第二浏览器页面相关联的网络连接数据，并共享共享进程中记录的所述第一浏览器页面与所述第二浏览器页面的网络连接数据。所述共享工作接口单元可以包括共享工作(SharedWorker)API，通过调用所述共享工作API可以将浏览器的数据记录在进程中。在两个页面是同源页面的情况下(即符合所述浏览器同源访问策略)，允许其共享进程中记录的数据。

根据本公开的一些实施例，所述用于显示浏览器页面的设备1000还可以包括页面可见性接口单元1040。所述页面可见性接口单元1040可以配置成确定当前可见的浏览器页面。所述页面可见性接口单元1040可以包括可见性API，通过调用所述页面可见性API来确定处于当前可见状态的第一浏览器页面，并确定处于当前不可见状态的其他浏览器页面。

根据本公开的又一方面，还提供了一种用于显示浏览器页面的装置。图6示出了根据本公开实施例的用于显示浏览器页面的装置2000的示意图。

如图6所示，所述装置2000可以包括一个或多个处理器2010，和一个或多个存储器2020。其中，所述存储器2020中存储有计算机可读代码，所述计算机可读代码当由所述一个或多个处理器2010运行时，可以执行如上所述的用于显示浏览器页面的方法。

根据本公开实施例的方法或装置也可以借助于7所示的计算设备3000的架构来实现。如图7所示，计算设备3000可以包括总线3010、一个或多个CPU3020、只读存储器(ROM)3030、随机存取存储器(RAM)3040、连接到网络的通信端口3050、输入/输出组件3060、硬盘3070等。计算设备3000中的存储设备，例如ROM 3030或硬盘3070可以存储本公开提供的用于显示浏览器页面的方法的处理和/或通信使用的各种数据或文件以及CPU所执行的程序指令。计算设备3000还可以包括用户界面3080。当然，图7所示的架构只是示例性的，在实现不同的设备时，根据实际需要，可以省略图7示出的计算设备中的一个或多个组件。

根据本公开的又一方面，还提供了一种计算机可读存储介质。图8示出了根据本公开的存储介质的示意图4000。

如图8所示，所述计算机存储介质4020上存储有计算机可读指令4010。当所述计算机可读指令4010由处理器运行时，可以执行参照以上附图描述的根据本公开实施例的用于显示浏览器页面的方法。所述计算机可读存储介质包括但不限于例如易失性存储器和/或非易失性存储器。所述易失性存储器例如可以包括随机存取存储器(RAM)和/或高速缓冲存储器(cache)等。所述非易失性存储器例如可以包括只读存储器(ROM)、硬盘、闪存等。

本领域普通技术人员可以理解上述方法中的全部或部分的步骤可通过程序来指令相关硬件完成，所述程序可以存储于计算机可读存储介质中，如只读存储器、磁盘或光盘等。可选地，上述实施例的全部或部分步骤也可以使用一个或多个集成电路来实现。相应地，上述实施例中的各模块/单元可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。本公开并不限制于任何特定形式的硬件和软件的结合。

除非另有定义，这里使用的所有术语(包括技术和科学术语)具有与本公开所属领域的普通技术人员共同理解的相同含义。还应当理解，诸如在通常字典里定义的那些术语应当被解释为具有与它们在相关技术的上下文中的含义相一致的含义，而不应用理想化或极度形式化的意义来解释，除非这里明确地这样定义。

以上是对本公开的说明，而不应被认为是对其的限制。尽管描述了本公开的若干示例性实施例，但本领域技术人员将容易地理解，在不背离本公开的新颖教学和优点的前提下可以对示例性实施例进行许多修改。因此，所有这些修改都意图包含在权利要求书所限定的本公开范围内。应当理解，上面是对本公开的说明，而不应被认为是限于所公开的特定实施例，并且对所公开的实施例以及其他实施例的修改意图包含在所附权利要求书的范围内。本公开由权利要求书及其等效物限定。

Claims (14)

1.一种用于显示浏览器页面的方法，包括：

在多个浏览器页面中，确定当前可见的第一浏览器页面，其中，所述当前可见的第一浏览器页面位于显示窗口的最上层；

维持所述当前可见的第一浏览器页面的网络连接，并且停止所述多个浏览器页面中除所述第一浏览器页面之外的其他浏览器页面的网络连接，

其中，所述其他浏览器页面当前不可见。

2.根据权利要求1所述的方法，还包括：

确定当前可见的浏览器页面从所述第一浏览器页面切换至第二浏览器页面的事件；

响应于所述切换的事件，建立所述第二浏览器页面的网络连接，并且停止所述多个浏览器页面中除所述第二浏览器页面之外的其他浏览器页面的网络连接。

3.根据权利要求2所述的方法，还包括：

在所述第一浏览器页面与所述第二浏览器页面是同源浏览器页面的情况下，共享所述第一浏览器页面与所述第二浏览器页面的网络连接数据，其中，所述同源浏览器符合同源访问安全策略；

基于共享的网络连接数据对所述第一浏览器页面与第二浏览器页面实现页面同步。

4.根据权利要求3所述的方法，其中，共享所述第一浏览器页面与所述第二浏览器页面的网络连接数据包括：

利用本地存储接口，在本地存储器中存储与所述第一浏览器页面和第二浏览器页面相关联的网络连接数据；

共享本地存储器中存储的所述第一浏览器页面与所述第二浏览器页面的网络连接数据。

5.根据权利要求3所述的方法，其中，共享所述第一浏览器页面与所述第二浏览器页面的网络连接数据包括：

利用共享工作接口，在共享进程中记录与所述第一浏览器页面和第二浏览器页面相关联的网络连接数据；

共享共享进程中记录的所述第一浏览器页面与所述第二浏览器页面的网络连接数据。

6.根据权利要求1-5中任一项所述的方法，还包括：利用页面可见性接口来确定当前可见的浏览器页面。

7.一种用于显示浏览器页面的设备，包括：

确定单元，配置成在多个浏览器页面中，确定当前可见的第一浏览器页面，其中，所述当前可见的第一浏览器页面位于显示窗口的最上层；

网络连接单元，配置成维持所述当前可见的第一浏览器页面的网络连接，并且停止所述多个浏览器页面中除所述第一浏览器页面之外的其他浏览器页面的网络连接，

其中，所述其他浏览器页面当前不可见。

8.根据权利要求7所述的设备，其中，所述确定单元还配置成：

确定当前可见的浏览器页面从所述第一浏览器页面切换至第二浏览器页面的事件；

所述网络连接单元还配置成响应于所述切换的事件，建立所述第二浏览器页面的网络连接，并且停止所述多个浏览器页面中除所述第二浏览器页面之外的其他浏览器页面的网络连接。

9.根据权利要求8所述的设备，还包括共享单元，配置成：在所述第一浏览器页面与所述第二浏览器页面是同源浏览器页面的情况下，共享所述第一浏览器页面与所述第二浏览器页面的网络连接数据，其中，所述同源浏览器符合同源访问安全策略；基于共享的网络连接数据对所述第一浏览器页面与第二浏览器页面实现页面同步。

10.根据权利要求9所述的设备，其中，所述共享单元包括本地存储接口单元，所述共享单元利用所述本地存储接口单元，在本地存储器中存储与所述第一浏览器页面和第二浏览器页面相关联的网络连接数据；

共享本地存储器中存储的所述第一浏览器页面与所述第二浏览器页面的网络连接数据。

11.根据权利要求9所述的设备，其中，所述共享单元包括共享工作接口单元，所述共享单元利用共享工作接口单元，在共享进程中记录与所述第一浏览器页面和第二浏览器页面相关联的网络连接数据；

共享共享进程中记录的所述第一浏览器页面与所述第二浏览器页面的网络连接数据。

12.根据权利要求7-11中任一项所述的设备，还包括页面可见性接口单元，配置成确定当前可见的浏览器页面。

13.一种用于显示浏览器页面的装置，包括：

处理器；和

存储器，其中，所述存储器中存储有计算机可读代码，所述计算机可读代码当由所述一个或多个处理器运行时，执行如权利要求1-6中任一项所述的用于显示浏览器页面的方法。

14.一种计算机可读存储介质，其上存储有指令，所述指令在被处理器执行时，使得所述处理器执行如权利要求1-6中任一项所述的用于显示浏览器页面的方法。