CN110765208B - 一种数据同步方法、装置、电子设备及存储介质 - Google Patents

Abstract

本申请提供一种数据同步方法、装置、电子设备及存储介质，该方法包括：从创建的多个浏览器窗口中确定一个主窗口和至少一个从窗口；通过主窗口向服务器发送数据请求，通过主窗口接收服务器返回的第一数据，以及通过主窗口用第一数据替换本地缓存中的第二数据；在从窗口监测到本地缓存中的第二数据被第一数据替换后，通过从窗口读取本地缓存中的第一数据。该方法通过主窗口向服务器请求并更新数据，且从窗口同步读取更新后的数据，有效地避免了从窗口再向服务器发送请求获取同样的数据，改善了在同一浏览器中的不同窗口为了实时获得用户状态信息导致重复向服务器发送数据请求的问题。

Description

一种数据同步方法、装置、电子设备及存储介质

技术领域

本申请涉及计算机的技术领域，具体而言，涉及一种数据同步方法、装置、电子设备及存储介质。

背景技术

在目前的数据可视化场景中，为了实时更新某个特定数据(例如：图表的实时监控视图信息或者用户状态信息)，客户端的浏览器会向服务器每隔30秒发起请求，然后客户端的浏览器需要对返回的大量数据进行预设处理(如转换为特定的数据结构、过滤和排序等)。当用户同时创建10个该网页(例如，同款浏览器10个窗口)时，服务器接收到的网络请求量和客户端浏览器对数据的计算量均为原来的10倍，导致增大服务器压力，以及占用客户端的性能资源，为了实时获得特定数据，同一浏览器中的不同窗口重复向服务器发送数据请求。

发明内容

本申请实施例的目的在于提供一种数据同步方法、装置、电子设备及存储介质，用于改善同一浏览器中的不同窗口重复向服务器发送数据请求的问题。

本申请实施例提供了一种数据同步方法，包括：从创建的多个浏览器窗口中确定一个主窗口和至少一个从窗口；通过所述主窗口向服务器发送数据请求，通过所述主窗口接收所述服务器返回的第一数据，以及通过所述主窗口用所述第一数据替换本地缓存中的第二数据；在所述从窗口监测到所述本地缓存中的所述第二数据被所述第一数据替换后，通过所述从窗口读取所述本地缓存中的所述第一数据。在上述的实现过程中，通过主窗口向服务器请求并更新数据，且从窗口同步读取更新后的数据，有效地避免了从窗口再向服务器发送请求获取同样的数据，从而改善了在同一浏览器中的不同窗口为了实时获得用户状态信息导致重复向服务器发送数据请求的问题。

可选地，在本申请实施例中，在所述通过所述从窗口读取所述本地缓存中的所述第一数据之后，还包括：通过所述从窗口对所述第一数据进行处理或者显示。在上述的实现过程中，通过从窗口在同步读取更新后的数据之后，对第一数据处理或者显示，避免了从窗口再向服务器发送请求获取需要处理或者显示的数据，从而改善了在同一浏览器中的不同窗口为了实时获得用户状态信息导致重复向服务器发送数据请求的问题。

可选地，在本申请实施例中，所述从创建的多个浏览器窗口中确定一个主窗口和至少一个从窗口，包括：获取所述多个浏览器窗口的每个浏览器窗口的至少一个性能参数；根据所述多个浏览器窗口的每个浏览器窗口的至少一个性能参数计算所述每个浏览器窗口的权重，获得多个权重；将所述多个权重中的最大值权重对应的浏览器窗口确定为主窗口，并将所述多个浏览器窗口中的除主窗口之外的浏览器窗口确定为从窗口。在上述的实现过程中，通过每个浏览器窗口的性能参数确定每个浏览器窗口的权重，将性能好的浏览器窗口权重设置较大，并将多个权重中的最大值权重的浏览器窗口确定主窗口，再由主窗口请求和处理数据，从而有效地平衡了各个窗口的能力，使浏览器的性能得到更好地利用。

可选地，在本申请实施例中，所述将所述多个权重中的最大值权重对应的浏览器窗口确定为主窗口，包括：将所述多个权重中的最大值权重对应的浏览器窗口的窗口标识存储至所述本地缓存，所述窗口标识为浏览器窗口的唯一标识符，所述本地缓存用于存储主窗口的窗口标识。在上述的实现过程中，通过本地缓存中的窗口标识作为存储主窗口的标识，简化了处理逻辑，提升了浏览器对数据的处理效率。

可选地，在本申请实施例中，所述根据所述多个浏览器窗口的每个浏览器窗口的至少一个性能参数计算所述每个浏览器窗口的权重，包括：根据

对所述多个浏览器窗口的每个浏览器窗口的性能参数进行计算，获得所述每个浏览器窗口的权重；其中，W为所述每个浏览器窗口的权重，U为所述浏览器窗口的性能参数中的内存体积，C为所述浏览器窗口的性能参数中的当前帧的时间戳，L为所述性能参数中的上一帧的时间戳，C-L表征所述浏览器窗口的响应时长，即响应时长等于浏览器窗口上一帧的响应时刻减去当前帧的响应时刻，V为所述每个浏览器窗口的可见属性，V表征浏览器窗口是否可见，V的值取0或1，0表示不可见，1表示可见。

可选地，在本申请实施例中，所述从创建的多个浏览器窗口中确定一个主窗口和至少一个从窗口，包括：将所述多个浏览器窗口中的最先创建的浏览器窗口确定为主窗口，并将所述多个浏览器窗口中的除主窗口之外的浏览器窗口确定为从窗口。在上述的实现过程中，通过浏览器窗口的创建时间先后顺序来确定主窗口和从窗口，从而简化了处理逻辑，提升了浏览器对数据的处理效率。

可选地，在本申请实施例中，所述将所述多个浏览器窗口中的最先创建的浏览器窗口确定为主窗口，并将所述多个浏览器窗口中的除主窗口之外的浏览器窗口确定为从窗口，包括：响应于用户的第一创建操作，创建所述多个浏览器窗口中的第一窗口，并将所述第一窗口的窗口标识存储至所述本地缓存，所述窗口标识为浏览器窗口的唯一标识符，所述本地缓存用于存储主窗口的窗口标识；通过所述第一窗口向服务器发送数据请求，通过所述第一窗口接收所述服务器发送的与所述数据请求对应的第二数据，以及通过所述第一窗口将所述第二数据存储至所述本地缓存；响应于用户的第二创建操作，创建所述多个浏览器窗口中的第二窗口，并判断所述本地缓存中是否已经存储有窗口标识，若是，则将所述第二窗口确定为从窗口。在上述的实现过程中，通过结合浏览器窗口的创建时间先后顺序，以及窗口标识的存储来确定主窗口和从窗口，从而简化了处理逻辑，提升了浏览器对数据的处理效率。

可选地，在本申请实施例中，该方法还包括：响应于用户的关闭操作，获得并关闭目标浏览器窗口，并执行所述从创建的多个浏览器窗口中确定一个主窗口和至少一个从窗口。在上述的实现过程中，通过在浏览器窗口关闭时确定主窗口和从窗口，有效地保证了数据更新的及时性，从而使浏览器始终能及时地获取到服务器上最新的数据。

本申请实施例还提供了一种数据同步装置，包括：窗口确定模块，用于从创建的多个浏览器窗口中确定一个主窗口和至少一个从窗口；数据替换模块，用于通过所述主窗口向服务器发送数据请求，通过所述主窗口接收所述服务器返回的第一数据，以及通过所述主窗口用所述第一数据替换本地缓存中的第二数据；数据读取模块，用于在所述从窗口监测到所述本地缓存中的所述第二数据被所述第一数据替换后，通过所述从窗口读取所述本地缓存中的所述第一数据。

可选地，在本申请实施例中，还包括：处理显示模块，用于通过所述从窗口对所述第一数据进行处理或者显示。

可选地，在本申请实施例中，所述窗口确定模块包括：参数获取模块，用于获取所述多个浏览器窗口的每个浏览器窗口的至少一个性能参数；权重获得模块，用于根据所述多个浏览器窗口的每个浏览器窗口的至少一个性能参数计算所述每个浏览器窗口的权重，获得多个权重；第一确定模块，用于将所述多个权重中的最大值权重对应的浏览器窗口确定为主窗口，并将所述多个浏览器窗口中的除主窗口之外的浏览器窗口确定为从窗口。

可选地，在本申请实施例中，所述第一确定模块包括：标识存储模块，用于将所述多个权重中的最大值权重对应的浏览器窗口的窗口标识存储至所述本地缓存，所述窗口标识为浏览器窗口的唯一标识符，所述本地缓存用于存储主窗口的窗口标识。

可选地，在本申请实施例中，所述窗口确定模块包括：第二确定模块，用于将所述多个浏览器窗口中的最先创建的浏览器窗口确定为主窗口，并将所述多个浏览器窗口中的除主窗口之外的浏览器窗口确定为从窗口。

可选地，在本申请实施例中，所述第二确定模块包括：第一响应模块，用于响应于用户的第一创建操作，创建所述多个浏览器窗口中的第一窗口，并将所述第一窗口的窗口标识存储至所述本地缓存，所述窗口标识为浏览器窗口的唯一标识符，所述本地缓存用于存储主窗口的窗口标识；数据存储模块，用于通过所述第一窗口向服务器发送数据请求，通过所述第一窗口接收所述服务器发送的与所述数据请求对应的第二数据，以及通过所述第一窗口将所述第二数据存储至所述本地缓存；第二响应模块，用于响应于用户的第二创建操作，创建所述多个浏览器窗口中的第二窗口，并判断所述本地缓存中是否已经存储有窗口标识，若是，则将所述第二窗口确定为从窗口。

可选地，在本申请实施例中，所述窗口确定模块包括：第三确定模块，用于将所述多个浏览器窗口中的前端显示的浏览器窗口确定为主窗口，并将所述多个浏览器窗口中的除主窗口之外的浏览器窗口确定为从窗口，所述前端显示表征该浏览器窗口不被所述多个浏览器窗口中的任一浏览器窗口遮挡。

可选地，在本申请实施例中，还包括：第三响应模块，用于响应于用户的关闭操作，获得并关闭目标浏览器窗口，并执行所述从创建的多个浏览器窗口中确定一个主窗口和至少一个从窗口。

本申请实施例还提供了一种电子设备，包括：处理器和存储器，所述存储器存储有所述处理器可执行的机器可读指令，所述机器可读指令被所述处理器执行时执行如上所述的方法。

本申请实施例还提供了一种存储介质，该存储介质上存储有计算机程序，该计算机程序被处理器运行时执行如上所述的方法。

附图说明

为了更清楚地说明本申请实施例的技术方案，下面将对本申请实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1示出的本申请实施例提供的数据同步方法应用于其中一种数据同步系统的示意图；

图2示出的本申请实施例提供的数据同步方法流程示意图；

图3示出的本申请实施例提供的数据同步装置结构示意图；

图4示出的本申请实施例提供的电子设备的结构示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整的描述。

在介绍本申请实施例之前，先介绍本申请实施例所涉及到的一些概念，这些概念如下：

浏览器，是指访问服务器上的数据的软件工具，这里的浏览器包括：Firefox浏览器，Chrome浏览器，Safari浏览器，InternetExplorer(IE)浏览器等等，浏览器引擎是浏览器最很重要的部分，其具有JS渲染的功能。主要用于对网页语法的解释(如标准通用标记语言下的一个应用JavaScript)并渲染显示网页。上述的浏览器使用的引擎例如：FirefoxDriver引擎、InternetExplorerDriver引擎和ChromeDriver引擎等，当然，在一些情况下，这里的浏览器引擎也可以是两种或两种以上的引擎共同使用，例如：定制的浏览器共同使用ChromeDriver引擎。

浏览器窗口，是指为了便于用户访问互联网而设置的独立运行的图形用户界面，这里的图形用户界面(Graphical User Interface，GUI)，又称图形用户接口，是指采用图形方式显示的计算机操作用户界面。当然，这里的浏览器窗口是指同款浏览器的不同窗口，例如：打开一个Chrome浏览器的窗口，然后再打开Chrome浏览器的一个隐身窗口，那么一共打开了两个Chrome浏览器窗口；也可以是指同款浏览器的标签页，例如：打开Chrome浏览器的第一个标签页，再打开Chrome浏览器的第二个标签页，那么一共打开了Chrome浏览器的两个标签页。

主窗口，也称master窗口，是指向服务器请求数据，并将该数据存储至本地的浏览器窗口；从窗口，也称slave窗口，是指从本地读取主窗口存储的数据的浏览器窗口；其中，主窗口的浏览器类型和从窗口的浏览器类型是一样的，即上述多个浏览器窗口均是同款浏览器的窗口(或者标签页)，上述多个浏览器窗口均是运行在同一个电子设备上的。

请参见图1示出的本申请实施例提供的数据同步方法应用于其中一种数据同步系统的示意图；该数据同步系统101包括：电子设备102和服务器103；其中，电子设备102可以与一个服务器103通信连接，该电子设备102也可以与多个服务器103通信连接；电子设备102与服务器103的具体通信方式可以是无线网络通信(如图1左侧所示)，也可以是有线网络通信(如图1中间所示)，也可以是有线网络和无线网络混合的互联网方式通信(如图1右侧所示)。

本申请实施例提供的数据同步方法可以由上述的电子设备来执行，这里的电子设备包括：具有执行计算机程序功能的设备终端，设备终端例如：智能手机、个人电脑(personal computer，PC)、平板电脑、个人数字助理(personal digital assistant，PDA)或移动上网设备(mobile Internet device，MID)等。

下面将介绍电子设备运行浏览器，以及浏览器与服务器之间的一般通信过程；在对照实施例中，电子设备上运行多个浏览器窗口在于服务器通信时，多个浏览器均需要向同一个服务器发送同样类型的数据请求，获得同样内容的数据。这种情况例如：在电子设备实时从服务器上获取监控数据时，该监控数据是指对服务器的内存使用情况、磁盘吞吐量情况进行监控，电子设备(两个显示器上)的两个浏览器窗口同时向服务器请求监控数据，服务器返回两份相同的数据分别给两个浏览器；这样既浪费网络带宽资源，也浪费电子设备的计算资源。

本申请实施例提供的数据同步方法中的电子设备运行着多个浏览器窗口，将这多个浏览器窗口划分为主窗口和从窗口，其中，主窗口用于向服务器请求并更新数据，且从窗口用于同步读取更新后的数据，通过这种方式从而有效地避免了从窗口再向服务器发送请求获取同样的数据，从而改善了在同一浏览器中的不同窗口为了实时获得用户状态信息导致重复向服务器发送数据请求的问题。

本申请实施例提供的数据同步方法的应用场景包括但不限于，浏览器窗口之间的数据同步或者浏览器标签页之间的数据同步，为了便于理解和说明，下面以浏览器窗口之间的数据同步为例进行具体地说明：

请参见图2示出的本申请实施例提供的数据同步方法流程示意图；该方法可以包括如下步骤：

步骤S110：从创建的多个浏览器窗口中确定一个主窗口和至少一个从窗口。

其中，上述多个浏览器窗口的数量可以等于主窗口的数量与从窗口的数量之和，即所有的浏览器窗口均被划分为主窗口或从窗口；当然，也可以不等于主窗口的数量与从窗口的数量之和，这种具体的情况例如：有10个浏览器窗口，其中，有7个浏览器窗口正在访问域名为第一域名的服务器，使用上述方法从7个浏览器窗口中确定1个主窗口和6个从窗口，10个浏览器窗口中除访问第一域名的7个浏览器窗口之外的3个窗口可以访问第二域名或第三域名，也可以是空白的浏览器窗口，空白的浏览器窗口例如：打开的新的空白浏览器标签页。

在本申请实施例中，主窗口和从窗口的确定方式有很多种，例如：第一种方式是通过浏览器窗口的权重确定主窗口和从窗口，第二种方式是通过浏览器窗口的创建时间的先后顺序来确定主窗口和从窗口；第三种方式是根据浏览器是否在前端显示来确定主窗口和从窗口，即可以确定前端显示的浏览器窗口为主窗口，这里的前端显示指的窗口间的前端，并不一定是整个显示器的显示界面的前端(具体地内容，将在介绍完第二种方式后详细介绍)。

下面将分别对这几种方式进行详细地介绍，首先介绍第一种方式，那么这里的步骤S110可以包括如下步骤：

步骤S111：获取多个浏览器窗口的每个浏览器窗口的至少一个性能参数。

性能参数，是指同款浏览器打开的多个浏览器窗口的与性能有关的参数，例如：内存信息、响应时长、窗口启动时间和页面加载速度等等；这里的响应时长等于浏览器窗口的显示页面的上一帧的响应时刻(即时间戳)减去浏览器窗口的显示页面的当前帧的响应时刻(即时间戳)。

其中，获取多个浏览器窗口的每个浏览器窗口的至少一个性能参数的具体方式例如：调用标准web接口中的Performance接口函数，获得该浏览器窗口的内存信息或者内存使用情况，或者调用标准web接口中的requestAnimationFrame函数能获取每帧的刷新时刻，从而获得浏览器窗口的显示页面的当前帧的响应时刻或者时间戳。

步骤S112：根据多个浏览器窗口的每个浏览器窗口的至少一个性能参数计算每个浏览器窗口的权重，获得多个权重。

其中，性能参数与权重的关系可以是正相关，性能参数与权重的关系也可以是负相关。性能参数与权重的关系可以是正相关的情况例如：若性能参数为内存信息(浏览器窗口能够使用的内存体积)，那么内存信息越大，则表明该浏览器窗口的性能越好，该浏览器窗口的权重也越大。性能参数与权重的关系也可以是负相关的情况例如：若性能参数为响应时长，这里的响应时长等于上一帧的响应时刻(时间戳)减去当前帧的响应时刻(时间戳)，响应时长越短，说明性能越好，则权重应该越大。

当然，在具体实施的过程中，这里在获取性能参数或者获取权重的过程中，为了加快计算过程，即确定主窗口和从窗口的过程，性能参数或权重也是可以直接存储在本地缓存中的；具体地，例如：性能参数或权重作为中间结果参数存储在本地缓存中，待下次需要使用时，就直接使用，而不必重新再获取性能参数或者计算权重。

在本申请实施例中，权重的计算方式有很多种，例如：根据窗口启动时间和页面加载速度计算权重，以及根据占用的内存体积和响应时长计算权重；这里以根据占用的内存体积和响应时长计算权重为例进行具体地说明如下：

根据

对多个浏览器窗口的每个浏览器窗口的性能参数进行计算，获得每个浏览器窗口的权重；

其中，W为每个浏览器窗口的权重，U为浏览器窗口的性能参数中的内存体积，C为浏览器窗口的性能参数中的当前帧的时间戳，L为性能参数中的上一帧的时间戳，C-L表征浏览器窗口的响应时长，即响应时长等于浏览器窗口上一帧的响应时刻减去当前帧的响应时刻，V为每个浏览器窗口的可见属性，V表征浏览器窗口是否可见，V的值取0或1，0表示不可见，1表示可见。

步骤S113：将多个权重中的最大值权重对应的浏览器窗口确定为主窗口，并将多个浏览器窗口中的除主窗口之外的浏览器窗口确定为从窗口。

其中，在本申请实施例中，将多个权重中的最大值权重对应的浏览器窗口确定为主窗口，该步骤的具体实施方式例如：将多个权重中的最大值权重对应的浏览器窗口的窗口标识存储至本地缓存，窗口标识为浏览器窗口的唯一标识符，本地缓存用于存储主窗口的窗口标识。当然在具体的实施过程中，也可以是其它的实现方式，例如：各自浏览器窗口计算自己的权重，然后将自己的权重存储至本地缓存中，然后主窗口从本地缓存中读取权重，并决定下一次为主窗口的浏览器窗口；又例如：主窗口直接计算各自浏览器窗口的权重，并将多个权重中的最大值权重对应的浏览器窗口确定为主窗口，即将多个权重中的最大值权重对应的浏览器窗口的窗口标识存储至本地缓存。在上述的实现过程中，通过本地缓存中的窗口标识作为存储主窗口的标识，简化了处理逻辑，提升了浏览器对数据的处理效率。

在上述的实现过程中，通过每个浏览器窗口的性能参数确定每个浏览器窗口的权重，将性能好的浏览器窗口权重设置较大，并将多个权重中的最大值权重的浏览器窗口确定主窗口，再由主窗口请求和处理数据，从而有效地平衡了各个窗口的能力，使浏览器的性能得到更好地利用。

如上面描述的，主窗口和从窗口的确定方式有很多种，上面介绍了第一种方式，下面对第二种方式进行详细地介绍，这里的步骤S110可以包括如下步骤：

步骤S114：将多个浏览器窗口中的最先创建的浏览器窗口确定为主窗口，并将多个浏览器窗口中的除主窗口之外的浏览器窗口确定为从窗口。

其中，步骤S114的具体实施方式例如：首先，响应于用户的第一创建操作，创建多个浏览器窗口中的第一窗口，并将第一窗口的窗口标识存储至本地缓存，窗口标识为浏览器窗口的唯一标识符，本地缓存用于存储主窗口的窗口标识；其次，通过第一窗口向服务器发送数据请求，通过第一窗口接收服务器发送的与数据请求对应的第二数据，以及通过第一窗口将第二数据存储至本地缓存；最后，响应于用户的第二创建操作，创建多个浏览器窗口中的第二窗口，并判断本地缓存中是否已经存储有窗口标识，若是，则将第二窗口确定为从窗口。在上述的实现过程中，通过浏览器窗口的创建时间先后顺序来确定主窗口和从窗口，从而简化了处理逻辑，提升了浏览器对数据的处理效率。

如上面描述的，主窗口和从窗口的确定方式有很多种，上面介绍了第一种方式和第二种方式，下面对第三种方式进行详细地介绍，这里的步骤S110可以包括如下步骤：

将多个浏览器窗口中的前端显示的浏览器窗口确定为主窗口，并将多个浏览器窗口中的除主窗口之外的浏览器窗口确定为从窗口。

前端显示，是在多个浏览器窗口中显示在最前面的浏览器窗口，即该浏览器窗口不被多个浏览器窗口中的任一浏览器窗口遮挡，具体地例如：有三个标号分别为a、b和c的浏览器窗口，a将b和c均遮挡在后面，即b和c在显示屏幕上不能显示完整的页面内容，那么判定a是前端显示的浏览器窗口。

其中，将多个浏览器窗口中的前端显示的浏览器窗口确定为主窗口，并将多个浏览器窗口中的除主窗口之外的浏览器窗口确定为从窗口的具体实施方式例如：判断多个浏览器窗口中的每个浏览器窗口是否被多个浏览器窗口中的任一浏览器窗口遮挡，若该浏览器窗口没有被遮挡，则将该浏览器窗口确定为主窗口，并将除该浏览器窗口之外的浏览器窗口确定为从窗口。详细地例如：有三个标号分别为a、b和c的浏览器窗口，如果确定a浏览器窗口没有被其它任何浏览器窗口遮挡，则可以将a确定为主窗口，将b和c确定为从窗口。当然，在具体的实施过程中，上述的浏览器窗口也可以是浏览器标签页，例如Chrome浏览器中的标签页。

在步骤S110之后，执行步骤S120：通过主窗口向服务器发送数据请求，通过主窗口接收服务器返回的第一数据，以及通过主窗口用第一数据替换本地缓存中的第二数据。

其中，这里的数据是指窗口或者标签页之间需要同步的数据，具体可以包括：页面数据或状态数据；页面数据是指可以展示在页面上的数据，或者需要展示在页面上的数据，例如：某个图表的视图，具体地如：在对服务器做压力测试时，监控该服务器的内存占用率或磁盘吞吐量等等数据，上述的第一数据可以是第一时刻(例如时间为9:02)的数据，第二数据可以是第二时刻(例如时间为9:01存储)的数据，从而有效地将服务器的性能进行监控，达到实时性能监控的技术效果；状态数据是指某个对象的状态，具体地如：用户的状态信息，该状态信息包括：浏览商品、放入购物车、下订单、付款、出库运送、到货收货和评论反馈等等，上述的第一数据可以是正在将浏览的商品放入购物车的状态数据，第二数据可以是用户正在浏览的商品状态数据，从而及时地更新用户的状态数据，达到实时更新用户的状态数据的技术效果。

数据请求，是指电子设备向服务器发送的请求，该请求用于请求电子设备上需要的数据。这里的电子设备向服务器发送数据请求，以使服务器返回与该数据请求对应的第一数据。当然，电子设备在接收到服务器返回的第一数据之后，还可以对第一数据进行预处理，这里的预处理例如：转换为特定的数据结构、过滤、排序等处理，用预处理后的第一数据替换本地缓存中的第二数据。

这里的通过主窗口向服务器发送数据请求，通过主窗口接收服务器返回的第一数据，其具体实施方式有很多种，即电子设备与服务器的具体通信方式有很多种，该通信方式可以为客户端的浏览器请求和服务器响应的方式，即浏览器/服务器(Browser/Server，B/S)方式进行通信。当然，在具体的实施过程中，也可以采用异步的方式进行通信，具体方式例如：服务器使用前后端分离架构情况，具体地，前端使用控制层和视图层分离的框架，这些框架例如：Knockout、Angular、React或Vue；后端使用控制层和数据访问层分离的框架，这些框架例如：RESTful接口等等，浏览器使用异步方式请求服务器，并接收服务器返回的数据。

本地缓存，是指浏览器的本地缓存机制，例如：cookie和storage，其中，storage是HTML5提供的本地存储机制，storage包括：sessionStorage和localStorage；若cookie中存储的数据和localStorage中存储的数据没有被人为的清除，那么cookie中存储的数据和localStorage中存储的数据是会一直存储在本地的电子设备中，而sessionStorage是随着浏览器的关闭，该sessionStorage中存储的数据就会被清除。

这里的通过主窗口用第一数据替换本地缓存中的第二数据的实施方式也有很多种，例如：将第二数据存储在cookie或者storage中，如上描述的，这里的storage包括：sessionStorage和localStorage，主窗口在接收到第一数据后，再将第一数据替换cookie或者storage中第二数据。

在步骤S120之后，执行步骤S130：在从窗口监测到本地缓存中的第二数据被第一数据替换后，通过从窗口读取本地缓存中的第一数据。

其中，监测到本地缓存中的第二数据被第一数据替换的具体方式有很多种，其中一种实施方式为，利用上述的localStorage的具体方式例如：上述的HTML5提供的localStorage有onstorage监听方法，即从窗口可以通过调用localStorage有onstorage监听方法，即可监听localStorage中存储的第二数据是否被替换为第一数据。因此，利用HTML5提供的localStorage有onstorage监听方法可以有效地监测到本地缓存中的第二数据是否被第一数据替换，从而实现上述多个浏览器窗口间的通信，即实现主窗口更新数据且从窗口同步更新后的数据方法，通过将主从模式应用于浏览器窗口之间的通信，从而提高了主窗口和从窗口通过浏览器通信的及时性。

在上述的实现过程中，通过主窗口向服务器请求并更新数据，且从窗口同步读取更新后的数据，有效地避免了从窗口再向服务器发送请求获取同样的数据，从而改善了在同一浏览器中的不同窗口为了实时获得用户状态信息导致重复向服务器发送数据请求的问题。

可选地，在本申请实施例中，在步骤S130之后，该方法可以还包括如下步骤：

步骤S140：通过从窗口对第一数据进行处理或者显示。

其中，通过从窗口对第一数据进行处理或者显示包括处理和显示两种情况；第一种情况，将第一数据进行处理的实施方式例如：将第一数据转换为特定的数据结构、过滤或排序等，具体地，第一数据可以为JavaScript对象表示法(JavaScript Object Notation，JSON)格式的数据，而存储在本地缓存中需要键值对(key-value)格式的数据，因此，在读取到第一数据后，需要将第一数据从JSON格式转换为key-value格式的数据。第二种情况，将第一数据进行显示的实施方式例如：将第一数据动态更新页面上之前展示的数据。

在上述的实现过程中，通过从窗口在同步读取更新后的数据之后，对第一数据处理或者显示，避免了从窗口再向服务器发送请求获取需要处理或者显示的数据，从而改善了在同一浏览器中的不同窗口为了实时获得用户状态信息导致重复向服务器发送数据请求的问题。

可选地，在本申请实施例中，该方法可以还包括如下步骤：

步骤S150：响应于用户的关闭操作，获得并关闭目标浏览器窗口，并执行步骤S110，即执行从创建的多个浏览器窗口中确定一个主窗口和至少一个从窗口。

其中，这里的关闭操作和主从窗口确定的执行顺序不应理解为本申请实施例的限制，关闭操作可以比主从窗口确定先执行，关闭操作也可以比主从窗口确定后执行，也可以两者同时由浏览器线程执行，因此，这里的关闭操作和主从窗口确定的执行顺序不应理解为本申请实施例的限制。

当然，在具体的实施过程中，步骤S150的具体实施方式也可以为，响应于用户的关闭操作，得并关闭目标浏览器窗口；若目标浏览器窗口为主窗口，则执行步骤S110，即从创建的多个浏览器窗口中确定一个主窗口和至少一个从窗口。其中，判断目标浏览器窗口为主窗口的方法为，获得目标浏览器窗口的窗口标识，并获得本地缓存中的窗口标识；判断目标浏览器窗口的窗口标识与获得本地缓存中的窗口标识是否相同；若是相同的，则目标浏览器窗口为主窗口；对应地，若不是相同的，则目标浏览器窗口为从窗口。

需要说明的是，步骤S150与步骤S110至步骤S140的执行顺序不应理解为本申请实施例的限制，步骤S150可以在步骤S110之前执行，也可以在步骤S110至步骤S140之间执行，也可以在步骤S140之后执行，即当有至少一个打开的浏览器窗口时，均可以执行步骤S150的关闭浏览器。

在上述的实现过程中，通过在浏览器窗口关闭时确定主窗口和从窗口，有效地保证了数据更新的及时性，从而使浏览器始终能及时地获取到服务器上最新的数据。

上面提到主窗口和从窗口的确定时刻，可以是浏览器窗口的创建时刻和关闭时刻，因为多个浏览器窗口的权重随时在变化，因此，无论浏览器窗口是否主窗口被关闭时，或者是从窗口被关闭时，或者新建一个窗口时，均需要重新确定主窗口和从窗口。除了上述的两种情况外，在具体的实施过程中，还可以定时地确定主窗口和从窗口，即每隔预设时长确定主窗口和从窗口，这里的预设时长不应作限制，可以根据具体的实际情况进行设置，例如：预设时长为1分钟、3分钟或10分钟等等。这里通过定时地确定主窗口和从窗口，即每隔预设时长确定主窗口和从窗口，有效地保证了数据更新的及时性，从而使浏览器始终能及时地获取到服务器上最新的数据。

请参见图3示出的本申请实施例提供的数据同步装置结构示意图；该数据同步装置200可以包括：

窗口确定模块210，用于从创建的多个浏览器窗口中确定一个主窗口和至少一个从窗口。

数据替换模块220，用于通过主窗口向服务器发送数据请求，通过主窗口接收服务器返回的第一数据，以及通过主窗口用第一数据替换本地缓存中的第二数据。

数据读取模块230，用于在从窗口监测到本地缓存中的第二数据被第一数据替换后，通过从窗口读取本地缓存中的第一数据。

可选地，在本申请实施例中，该装置还包括：

处理显示模块，用于通过从窗口对第一数据进行处理或者显示。

可选地，在本申请实施例中，窗口确定模块可以包括：

参数获取模块，用于获取多个浏览器窗口的每个浏览器窗口的至少一个性能参数。

权重获得模块，用于根据多个浏览器窗口的每个浏览器窗口的至少一个性能参数计算每个浏览器窗口的权重，获得多个权重。

第一确定模块，用于将多个权重中的最大值权重对应的浏览器窗口确定为主窗口，并将多个浏览器窗口中的除主窗口之外的浏览器窗口确定为从窗口。

可选地，在本申请实施例中，该第一确定模块包括：

标识存储模块，用于将多个权重中的最大值权重对应的浏览器窗口的窗口标识存储至本地缓存，窗口标识为浏览器窗口的唯一标识符，本地缓存用于存储主窗口的窗口标识。

可选地，在本申请实施例中，第一确定模块可以包括：

权重计算模块，用于根据

对多个浏览器窗口的每个浏览器窗口的性能参数进行计算，获得每个浏览器窗口的权重；其中，W为每个浏览器窗口的权重，U为浏览器窗口的性能参数中的内存体积，C为浏览器窗口的性能参数中的当前帧的时间戳，L为性能参数中的上一帧的时间戳，C-L表征浏览器窗口的响应时长，即响应时长等于浏览器窗口上一帧的响应时刻减去当前帧的响应时刻，V为每个浏览器窗口的可见属性，V表征浏览器窗口是否可见，V的值取0或1，0表示不可见，1表示可见。

可选地，在本申请实施例中，窗口确定模块可以包括：

第二确定模块，用于将多个浏览器窗口中的最先创建的浏览器窗口确定为主窗口，并将多个浏览器窗口中的除主窗口之外的浏览器窗口确定为从窗口。

可选地，在本申请实施例中，第二确定模块包括：

第一响应模块，用于响应于用户的第一创建操作，创建多个浏览器窗口中的第一窗口，并将第一窗口的窗口标识存储至本地缓存，窗口标识为浏览器窗口的唯一标识符，本地缓存用于存储主窗口的窗口标识。

数据存储模块，用于通过第一窗口向服务器发送数据请求，通过第一窗口接收服务器发送的与数据请求对应的第二数据，以及通过第一窗口将第二数据存储至本地缓存。

第二响应模块，用于响应于用户的第二创建操作，创建多个浏览器窗口中的第二窗口，并判断本地缓存中是否已经存储有窗口标识，若是，则将第二窗口确定为从窗口。

可选地，在本申请实施例中，该装置还可以包括：

第三响应模块，用于响应于用户的关闭操作，获得并关闭目标浏览器窗口，并执行从创建的多个浏览器窗口中确定一个主窗口和至少一个从窗口。

应理解的是，该装置与上述的方法实施例对应，能够执行上述方法实施例涉及的各个步骤，该装置具体的功能可以参见上文中的描述，为避免重复，此处适当省略详细描述。该装置包括至少一个能以软件或固件(firmware)的形式存储于存储器中或固化在装置的操作系统(operating system，OS)中的软件功能模块。

请参见图4示出的本申请实施例提供的电子设备的结构示意图。本申请实施例提供的一种电子设备310，包括：处理器320和存储器330，存储器330存储有处理器320可执行的机器可读指令，机器可读指令被处理器320执行时执行如上的方法。

本申请实施例还提供了一种存储介质340，该存储介质340上存储有计算机程序，该计算机程序被处理器320运行时执行如上的方法。

其中，存储介质340可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(Static Random Access Memory,简称SRAM)，电可擦除可编程只读存储器(Electrically Erasable Programmable Read-Only Memory,简称EEPROM)，可擦除可编程只读存储器(Erasable Programmable Read Only Memory,简称EPROM)，可编程只读存储器(Programmable Red-Only Memory,简称PROM)，只读存储器(Read-Only Memory,简称ROM)，磁存储器，快闪存储器，磁盘或光盘。

本申请实施例所提供的几个实施例中，应该理解到，所揭露的装置和方法，也可以通过其他的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本申请实施例的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

另外，在本申请实施例各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

再者，在本申请实施例各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。

以上的描述，仅为本申请实施例的可选实施方式，但本申请实施例的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请实施例揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本申请实施例的保护范围之内。

Claims (9)

1.一种数据同步方法，其特征在于，包括：

从创建的多个浏览器窗口中确定一个主窗口和至少一个从窗口；

通过所述主窗口向服务器发送数据请求，通过所述主窗口接收所述服务器返回的第一数据，以及通过所述主窗口用所述第一数据替换本地缓存中的第二数据；

在所述从窗口监测到所述本地缓存中的所述第二数据被所述第一数据替换后，通过所述从窗口读取所述本地缓存中的所述第一数据；

其中，所述从创建的多个浏览器窗口中确定一个主窗口和至少一个从窗口，包括：

获取所述多个浏览器窗口的每个浏览器窗口的至少一个性能参数；

根据所述多个浏览器窗口的每个浏览器窗口的至少一个性能参数计算所述每个浏览器窗口的权重，获得多个权重；

将所述多个权重中的最大值权重对应的浏览器窗口确定为主窗口，并将所述多个浏览器窗口中的除主窗口之外的浏览器窗口确定为从窗口；

所述从窗口是通过HTML5提供的localStorage的onstorage监听方法，检测所述本地缓存中的所述第二数据是否被所述第一数据替换的；

所述根据所述多个浏览器窗口的每个浏览器窗口的至少一个性能参数计算所述每个浏览器窗口的权重，包括：

根据

对所述多个浏览器窗口的每个浏览器窗口的性能参数进行计算，获得所述每个浏览器窗口的权重；

其中，W为所述每个浏览器窗口的权重，U为所述浏览器窗口的性能参数中的内存体积，C为所述浏览器窗口的性能参数中的当前帧的时间戳，L为所述性能参数中的上一帧的时间戳，C-L表征所述浏览器窗口的响应时长，即响应时长等于浏览器窗口上一帧的响应时刻减去当前帧的响应时刻，V为所述每个浏览器窗口的可见属性，V表征浏览器窗口是否可见，V的值取0或1，0表示不可见，1表示可见。

2.根据权利要求1所述的方法，其特征在于，在所述通过所述从窗口读取所述本地缓存中的所述第一数据之后，还包括：

通过所述从窗口对所述第一数据进行处理或者显示。

3.根据权利要求1所述的方法，其特征在于，所述将所述多个权重中的最大值权重对应的浏览器窗口确定为主窗口，包括：

将所述多个权重中的最大值权重对应的浏览器窗口的窗口标识存储至所述本地缓存，所述窗口标识为浏览器窗口的唯一标识符，所述本地缓存用于存储主窗口的窗口标识。

4.根据权利要求1所述的方法，其特征在于，所述从创建的多个浏览器窗口中确定一个主窗口和至少一个从窗口，包括：

将所述多个浏览器窗口中的最先创建的浏览器窗口确定为主窗口，并将所述多个浏览器窗口中的除主窗口之外的浏览器窗口确定为从窗口。

5.根据权利要求1所述的方法，其特征在于，所述从创建的多个浏览器窗口中确定一个主窗口和至少一个从窗口，包括：

将所述多个浏览器窗口中的前端显示的浏览器窗口确定为主窗口，并将所述多个浏览器窗口中的除主窗口之外的浏览器窗口确定为从窗口。

6.根据权利要求1-5任一所述的方法，其特征在于，该方法还包括：

响应于用户的关闭操作，获得并关闭目标浏览器窗口，并执行所述从创建的多个浏览器窗口中确定一个主窗口和至少一个从窗口。

7.一种数据同步装置，其特征在于，包括：

窗口确定模块，用于从创建的多个浏览器窗口中确定一个主窗口和至少一个从窗口；

数据替换模块，用于通过所述主窗口向服务器发送数据请求，通过所述主窗口接收所述服务器返回的第一数据，以及通过所述主窗口用所述第一数据替换本地缓存中的第二数据；

数据读取模块，用于在所述从窗口监测到所述本地缓存中的所述第二数据被所述第一数据替换后，通过所述从窗口读取所述本地缓存中的所述第一数据；

其中，所述窗口确定模块包括：参数获取模块，用于获取所述多个浏览器窗口的每个浏览器窗口的至少一个性能参数；权重获得模块，用于根据所述多个浏览器窗口的每个浏览器窗口的至少一个性能参数计算所述每个浏览器窗口的权重，获得多个权重；第一确定模块，用于将所述多个权重中的最大值权重对应的浏览器窗口确定为主窗口，并将所述多个浏览器窗口中的除主窗口之外的浏览器窗口确定为从窗口；

所述从窗口是通过HTML5提供的localStorage的onstorage监听方法，检测所述本地缓存中的所述第二数据是否被所述第一数据替换的；

权重计算模块，用于根据

对所述多个浏览器窗口的每个浏览器窗口的性能参数进行计算，获得所述每个浏览器窗口的权重；

其中，W为所述每个浏览器窗口的权重，U为所述浏览器窗口的性能参数中的内存体积，C为所述浏览器窗口的性能参数中的当前帧的时间戳，L为所述性能参数中的上一帧的时间戳，C-L表征所述浏览器窗口的响应时长，即响应时长等于浏览器窗口上一帧的响应时刻减去当前帧的响应时刻，V为所述每个浏览器窗口的可见属性，V表征浏览器窗口是否可见，V的值取0或1，0表示不可见，1表示可见。

8.一种电子设备，其特征在于，包括：处理器和存储器，所述存储器存储有所述处理器可执行的机器可读指令，所述机器可读指令被所述处理器执行时执行如权利要求1-6任一所述的方法。

9.一种存储介质，其特征在于，该存储介质上存储有计算机程序，该计算机程序被处理器运行时执行如权利要求1-6 任一所述的方法。

Images