一种网页同步方法、装置、存储介质及电子设备与流程

1.本技术涉及计算机技术领域，尤其涉及一种网页同步方法、装置、存储介质及电子设备。


背景技术：

2.科技正在不断的改善人们的工作和生活，为满足人们工作和生活的需要，各类智能电子设备在人们的工作生活中广泛应用，一个用户拥有多部电子设备的使用权。例如，用户在公司使用台式电脑办公，在家使用笔记本办公，既可以使用手机追剧，也可以使用平板电脑追剧等
3.在一些场景下，用户在某电子设备上进行某任务而并没有完成时，会有在另一台电子设备中继续之前的任务的需求，以及在两台电子设备之间同步进行某项任务的需求。快速实现两台设备之间的数据同步，是满足此类用户需求的关键。


技术实现要素：

4.本技术实施例提供的一种网页同步方法、装置、存储介质及电子设备，可以在两个打开相同目标网页的电子设备之间实现网页数据的同步。所述技术方案如下：
5.第一方面，本技术实施例提供的一种网页同步方法，应用于第一终端，所述方法包括：
6.基于所安装的第一状态管理插件监测到目标网页的状态发生变化，获取所述目标网页变化后的第一状态数据；
7.基于所述第一状态数据更新所述目标网页，并将所述第一状态数据上传至通过所述第一状态管理插件连接的服务器，所述服务器用于在第二终端打开所述目标网页时，基于所述第一状态数据更新所述第二终端的目标网页，所述第一终端与所述第二终端登录所述目标网页的账号相同。
8.第二方面，本技术实施例提供的一种网页同步方法，应用于服务器，所述方法包括：
9.接收第一终端发送的第一状态数据，所述第一状态数据为所述第一终端中安装的第一状态管理插件监测到目标网页发生状态变化后的状态数据；
10.在第二终端打开所述目标网页时，基于所述第一状态数据更新所述第二终端的目标网页，所述第一终端与所述第二终端登录所述目标网页的账号相同。
11.第三方面，本技术实施例提供的一种网页同步装置，所述装置包括：
12.第一状态获取模块，用于基于所安装的第一状态管理插件监测到目标网页的状态发生变化，获取所述目标网页变化后的第一状态数据；
13.第一状态更新模块，用于基于所述第一状态数据更新所述目标网页，并将所述第一状态数据上传至通过所述第一状态管理插件连接的服务器，所述服务器用于在第二终端打开所述目标网页时，基于所述第一状态数据更新所述第二终端的目标网页，所述第一终
端与所述第二终端登录所述目标网页的账号相同。
14.第四方面，本技术实施例提供的一种网页同步装置，所述装置包括：
15.第一状态接收模块，用于接收第一终端发送的第一状态数据，所述第一状态数据为所述第一终端中安装的第一状态管理插件监测到目标网页发生状态变化后的状态数据；
16.第一状态同步模块，用于在第二终端打开所述目标网页时，基于所述第一状态数据更新所述第二终端的目标网页，所述第一终端与所述第二终端登录所述目标网页的账号相同。
17.第五方面，本技术实施例提供一种计算机存储介质，所述计算机存储介质存储有多条指令，所述指令适于由处理器加载并执行上述的方法步骤。
18.第六方面，本技术实施例提供一种电子设备，可包括：处理器和存储器；其中，所述存储器存储有计算机程序，所述计算机程序适于由所述处理器加载并执行上述的方法步骤。
19.在本技术一个或多个实施例中，在第一终端和第二终端以相同的账号打开目标网页时，基于第一终端中安装的第一状态管理插件监测到目标网页的状态发生变化时，获取所述目标网页变化后的第一状态数据，然后基于第一状态数据更新第一终端的目标网页，并将第一状态数据上传至通过第一状态管理插件连接的服务器，以使服务器在第二终端打开所述目标网页时，基于所述第一状态数据更新所述第二终端的目标网页；采用本技术，不依赖特定操作系统，不需要使用特定的应用程序编程接口，通过监控目标网页状态的状态管理插件，在第一终端的目标网页的数据发生变化时，将状态变化后的状态数据发送至第二终端，以对第二终端的目标网页的网页状态同步进行更新，在两个打开相同目标网页的电子设备之间实现了网页数据的同步。
附图说明
20.为了更清楚地说明本技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
21.图1为本技术实施例提供的一种网页同步方法的系统架构图；
22.图2为本技术实施例提供的一种网页同步方法的流程示意图；
23.图3为本技术实施例提供的一种网页同步方法的流程示意图；
24.图4为本技术实施例提供的一种恢复目标网页的举例示意图；
25.图5为本技术实施例提供的一种网页同步方法的流程示意图；
26.图6为本技术实施例提供的一种网页同步方法的流程示意图；
27.图7为本技术实施例提供的一种网页同步方法的流程示意图；
28.图8为本技术实施例提供的一种网页同步方法的流程图；
29.图9为本技术实施例提供的一种目标网页状态变化的举例示意图；
30.图10为本技术实施例提供的一种第二终端渲染目标网页的举例示意图；
31.图11为本技术实施例提供的一种网页同步装置的结构示意图；
32.图12为本技术实施例提供的一种网页同步装置的结构示意图；
33.图13为本技术实施例提供的一种网页同步装置的结构示意图；
34.图14为本技术实施例提供的一种网页同步装置的结构示意图；
35.图15示出了本技术一个示例性实施例提供的电子设备的结构方框图。
具体实施方式
36.下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本技术一部分实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本技术保护的范围。
37.在本技术的描述中，需要理解的是，术语“第一”、“第二”等仅用于描述目的，而不能理解为指示或暗示相对重要性。在本技术的描述中，需要说明的是，除非另有明确的规定和限定，“包括”和“具有”以及它们任何变形，意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元，而是可选地还包括没有列出的步骤或单元，或可选地还包括对于这些过程、方法、产品或设备固有的其他步骤或单元。对于本领域的普通技术人员而言，可以具体情况理解上述术语在本技术中的具体含义。此外，在本技术的描述中，除非另有说明，“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，a和/或b，可以表示：单独存在a，同时存在a和b，单独存在b这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。
38.现有技术中，在鸿蒙操作系统以及ios操作系统中均存在不同设备间相同应用之间应用数据同步、应用状态同步的解决方案。但是这两种操作系统只能对操作系统的原生应用实现不同设备间相同应用之间的应用数据同步、应用状态同步，无法在实现不同设备的网页之间的数据同步，且依赖于操作系统中特定的应用程序编程接口实现，具有较大的局限性。
39.基于此，本技术提出了一种网页同步方法，在第一终端和第二终端以相同的账号打开目标网页时，基于第一终端中安装的第一状态管理插件监测到目标网页的状态发生变化时，获取所述目标网页变化后的第一状态数据，然后基于第一状态数据更新第一终端的目标网页，并将第一状态数据上传至通过第一状态管理插件连接的服务器，以使服务器在第二终端打开所述目标网页时，基于所述第一状态数据更新所述第二终端的目标网页；采用本技术，不依赖特定操作系统，不需要使用特定的应用程序编程接口，通过监控目标网页状态的状态管理插件，在第一终端的目标网页的数据发生变化时，将状态变化后的状态数据发送至第二终端，以对第二终端的目标网页的网页状态同步进行更新，在两个打开相同目标网页的电子设备之间实现了网页数据的同步。
40.下面结合具体的实施例进行详细说明。以下示例性实施例中所描述的实施方式并不代表与本技术相一致的所有实施方式。相反，它们仅是如所附权利要求书中所详述的、本技术的一些方面相一致的装置和方法的例子。附图中所示的流程图仅是示例性说明，不是必须按照所示步骤执行。例如，有的步骤是并列的，在逻辑上并没有严格的先后关系，因此实际执行顺序是可变的。
41.请参见图1，为本技术实施例提供的一种网页同步方法的系统架构图。如图1所示，
所述系统架构图包括第一终端101、网络102、服务器103以及第二终端104。通过网络102可实现第一终端101、服务器103以及第二终端104之间的交互。
42.第一终端101可以是硬件，也可以是软件。当第一终端为硬件时，可以是各种电子设备，包括但不限于智能手表、智能手机、平板电脑、膝上型便携式计算机和台式计算机等。当第一终端为软件时，可以是安装在上述所列举的电子设备中，其可以实现呈多个软件或软件模块(例如：用来提供分布式服务)，也可以实现成单个软件或软件模块，在此不作具体限定。
43.网络102可以包括各种类型的有线通信链路或无线通信链路，例如：有线通信链路包括光纤、双绞线或同轴电缆，无线通信链路包括蓝牙通信链路、无线保真(wireless-fidelity，wi-fi)通信链路或微波通信链路等。
44.服务器103可以是提供各种服务的服务器或服务器集群，例如对用户利用第一终端101所浏览的网站提供支持的后台管理服务器。
45.第二终端104可以是硬件，也可以是软件。当第二终端为硬件时，可以是各种电子设备，包括但不限于智能手表、智能手机、平板电脑、膝上型便携式计算机和台式计算机等。当第二终端为软件时，可以是安装在上述所列举的电子设备中，其可以实现呈多个软件或软件模块(例如：用来提供分布式服务)，也可以实现成单个软件或软件模块，在此不作具体限定。
46.一个实施例中，在第一终端和第二终端以相同的账号打开目标网页时，基于第一终端中安装的第一状态管理插件监测到目标网页的状态发生变化时，获取第一终端的目标网页变化后的第一状态数据，然后基于第一状态数据更新第一终端的目标网页，并将第一状态数据上传至通过第一状态管理插件连接的服务器，以使服务器在第二终端打开所述目标网页时将第一状态数据发送至第二终端，第二终端基于第一状态数据更新第二终端的目标网页，不需要使用特定的应用程序编程接口，通过监控目标网页状态的状态管理插件，在第一终端的目标网页的数据发生变化时，将状态变化后的状态数据发送至第二终端，以对第二终端的目标网页的网页状态同步进行更新，在两个打开相同目标网页的电子设备之间实现了网页数据的同步。
47.根据图1所示的系统架构，下面结合具体的实施例进行详细说明。以下示例性实施例中所描述的实施方式并不代表与本技术相一致的所有实施方式。相反，它们仅是如所附权利要求书中所详述的、本技术的一些方面相一致的装置和方法的例子。附图中所示的流程图仅是示例性说明，不是必须按照所示步骤执行。例如，有的步骤是并列的，在逻辑上并没有严格的先后关系，因此实际执行顺序是可变的。
48.请参见图2，为本技术实施例提供的一种网页同步方法的流程示意图。在具体的实施例中，所述网页同步方法可以应用于网页同步装置或配置有网页同步装置的电子设备。下面将以执行主体为电子设备为例，说明本实施例的具体流程。下面将针对图2所示的流程进行详细的阐述，所述网页同步方法具体可以包括以下步骤：
49.s102，基于所安装的第一状态管理插件监测到目标网页的状态发生变化，获取目标网页变化后的第一状态数据；
50.具体的，在第一终端打开目标网页之后，第一终端中的第一状态管理插件可以检测目标网页的网页状态，在检测到目标网页的网页状态发生变化时，获取目标网页变化后
的第一状态数据。
51.在运行目标网页的应用的开发过程中，在应用的状态管理模块中写入第一状态管理插件，状态管理模块用于维护状态数据和页面视图的映射关系，可以根据状态数据控制应用的用户界面(user interface,ui)层更新页面视图，第一状态管理插件为在应用开发时写入状态管理模块中的插件，可以监控应用中目标网页的页面状态并和目标网页对应的服务器建立连接，当目标网页的状态发生变化时，第一状态管理插件将变化后的状态数据上传至服务器。
52.一个实施例中，在第一终端打开目标网页之后，第一终端中的第一状态管理插件监控目标网页的状态，在用户对目标网页中的某些组件进行操作并试图引起目标网页的状态发生变化时，第一终端向服务器发送与用户操作对应的http请求，服务器处理第一终端发送的http请求后向第一终端返回处理结果，第一终端根据服务器返回的处理结果生成目标网页变化后的第一状态数据。
53.s104，基于第一状态数据更新目标网页，并将第一状态数据上传至通过第一状态管理插件连接的服务器，服务器用于在第二终端打开目标网页时，基于第一状态数据更新第二终端的目标网页，第一终端与第二终端登录目标网页的账号相同。
54.具体的，第一终端的ui层获取第一状态数据，由ui层根据第一状态数据调用相应的组件重新渲染目标网页的页面视图，完成对第一终端中目标网页的更新。同时，第一状态管理插件将目标网页变化后的第一状态数据发送至服务器，服务器可在和第一终端使用相同账号登陆目标网页的第二终端打开目标网页时，基于第一状态数据更新第二终端的目标网页。
55.一个实施例中，在第一状态管理插件将目标网页变化后的第一状态数据发送至服务器之后，服务器可将第一状态数据进行存储，并在确定存在和第一终端使用相同账号登陆目标网页的第二终端时，将第一状态数据发送至第二终端，以使第二终端的ui层根据第一状态数据重新渲染运行在第二终端的目标网页的页面视图，完成对第二终端中目标网页的更新。
56.可选的，若在第一状态管理插件将目标网页变化后的第一状态数据发送至服务器之后，并不存在和第一终端使用相同账号登陆目标网页的第二终端，而在一段时间后，第二终端才打开目标网页，则在第二终端中目标网页对应应用中的第二状态管理插件连接至服务器之后，第二状态管理插件向服务器发送历史状态数据查询请求，以查询服务器中是否存在第一终端上传的历史状态数据，在查询到第一状态数据之后，将第一状态数据通过第二状态管理插件同步至第二终端中的状态管理模块，以使第二终端的ui层根据第一状态数据重新渲染运行在第二终端的目标网页的页面视图，完成对第二终端中目标网页的更新。
57.可选的，若在第一状态管理插件将目标网页变化后的第一状态数据发送至服务器之后，已经存在和第一终端使用相同账号登陆目标网页的第二终端，且第二终端已连接至服务器一段时间，则由服务器主动将第一终端上传的第一状态数据推送至第二终端的状态管理模块，以使第二终端的ui层根据第一状态数据重新渲染运行在第二终端的目标网页的页面视图，完成对第二终端中目标网页的更新。
58.需要说明的是，在本技术实施例中，会在服务器建立对目标网页的状态数据的存储环境，用于存储终端上传目标网页的状态数据，状态数据可通过网页应用和用户账号进
行数据隔离。
59.在一个实施例中，第一终端和第二终端之间的关系不仅限于登录目标网页的账号相同，还可以为其他为实现第一终端和第二终端之间目标网页同步而设置的预设规则和关联关系，对此，本技术实施例不做具体限定。例如，可以为第一终端和第二终端所连接的wifi网络相同、第一终端和第二终端的设备标识相关联、第一终端和第二终端已建立蓝牙连接等。
60.可选的，在第一终端登录目标网页之后，第二终端在登录目标网页时与第一终端建立网页同步关联关系，这样在第二终端登录目标网页后，即可实现第一终端和第二终端之间的网页同步。网页同步关联关系可以为第一终端和第二终端登录目标网页的网络ip相同、第一终端和第二终端登录目标网页时使用的某种密钥相同等。例如，应用在多人棋局对战场景时，玩家棋手1通过第一终端登录棋局6638，玩家棋手2通过第二终端登录棋局6638，此时，因为玩家棋手1和玩家棋手2登录进相同棋局中，即可在第一终端和第二终端实现棋局6638的同步，其中，棋局6638的棋局编号即为第一终端和第二终端之间的网页同步关联关系。
61.在本技术实施例中，在第一终端和第二终端以相同的账号打开目标网页时，基于第一终端中安装的第一状态管理插件监测到目标网页的状态发生变化时，获取第一终端的目标网页变化后的第一状态数据，然后基于第一状态数据更新第一终端的目标网页，并将第一状态数据上传至通过第一状态管理插件连接的服务器，以使服务器在第二终端打开所述目标网页时将第一状态数据发送至第二终端，第二终端基于第一状态数据更新第二终端的目标网页，不需要使用特定的应用程序编程接口，通过监控目标网页状态的状态管理插件，在第一终端的目标网页的数据发生变化时，将状态变化后的状态数据发送至第二终端，以对第二终端的目标网页的网页状态同步进行更新，在两个打开相同目标网页的电子设备之间实现了网页数据的同步。
62.在一个实施例中，在第一终端首次打开目标网页时，会根据服务器存储的目标网页最新的历史状态数据直接在第一终端恢复至历史状态数据对应的网页页面。请参见图3，为本技术实施例提供的一种网页同步方法的流程示意图。如图3所示，所述网页同步方法可以包括以下步骤：
63.s202，若监测到打开目标网页，则基于第一状态管理插件与服务器建立连接；
64.具体的，在第一终端首次打开目标网页时，第一终端中目标网页的应用中的第一状态管理插件和目标网页对应的服务器建立连接。
65.s204，查询服务器中是否存在与目标网页对应的历史状态数据；
66.具体的，在第一状态管理插件和目标网页对应的服务器建立连接之后，基于该连接，第一终端查询服务器中是否存在与目标网页对应的历史状态数据。
67.历史状态数据为在第一终端打开目标网页之前，上一次使用相同账号登陆目标网页的终端在退出目标网页之前，上传至服务器的状态数据，也即服务器中存储的最新的状态数据。
68.s206，若查询到服务器中存在与目标网页对应的历史状态数据，则将历史状态数据同步至第一状态管理插件，基于历史状态数据更新目标网页；
69.具体的，在第一终端查询到服务器中存储有与目标网页对应的历史状态数据时，
将该历史状态数据同步至第一终端的第一状态管理插件，并保存至状态管理模块，以使第一终端的ui层根据历史状态数据渲染运行在第一终端的目标网页的页面视图，使得在第一终端打开的目标网页恢复至上次使用相同账号登陆目标网页退出前的状态。
70.s208，若查询到服务器中不存在与目标网页对应的历史状态数据，则向服务器获取目标网页的主页数据并显示。
71.具体的，当服务器中不存在与目标网页对应的历史状态数据，则按照目标网页的标准打开流程，从服务器获取目标网页的主页数据，并在第一终端渲染显示目标网页的主页面。
72.请参见图4，为本技术实施例提供的一种恢复目标网页的举例示意图。如图4所示，第一终端在打开如图所示的目标网页时，在目标网页未完全加载显示之前，第一终端会查询服务器中是否存在目标网页对应的历史状态数据，在服务器中不存在对应的历史状态数据时，则渲染展示目标网页的主页页面，在服务器中存在目标网页对应的历史状态数据时，则渲染展示历史状态数据对应的目标网页的网页2页面。
73.在本技术实施例中，在第一终端首次打开目标网页时，基于第一状态管理插件查询服务器中是否存在与目标网页对应的历史状态数据，若存在，则通过将历史状态数据同步至第一终端，以使第一终端中的目标网页恢复至历史状态数据对应的显示状态，以衔接用户上次在目标网页的操作进度，避免用户再经过重复操作来恢复在目标网页的历史进度，提高用户在目标网页的操作效率。
74.请参见图5，为本技术实施例提供的一种网页同步方法的流程示意图。如图5所示，所述网页同步方法可以包括以下步骤：
75.s302，基于所安装的第一状态管理插件监测到目标网页的状态发生变化，获取目标网页变化后的第一状态数据；
76.具体的，步骤s302请参见本技术另一实施例中步骤s102中的详细描述，在此不一一赘述。
77.s304，基于第一状态数据更新目标网页，并将第一状态数据上传至通过第一状态管理插件连接的服务器，服务器用于在第二终端打开目标网页时，基于第一状态数据更新第二终端的目标网页，第一终端与第二终端登录目标网页的账号相同；
78.具体的，步骤s304请参见本技术另一实施例中步骤s104中的详细描述，在此不一一赘述。
79.s306，接收服务器发送的第二状态数据，第二状态数据为第二终端中目标网页发生状态变化后的状态数据；
80.具体的，第二终端和第一终端登录目标网页的账号相同，因此，在第二终端的目标网页的状态发生变化时，第二终端的第二状态管理插件会将状态变化后的第二状态数据发送至服务器，由服务器将第二状态数据推送至正在运行目标网页的第一终端，即第一终端接收服务器发送的第二状态数据，并将第二状态数据保存至状态管理模块。
81.s308，基于第二状态数据对第一终端的目标网页进行更新。
82.具体的，在接收服务器发送的第二终端中的目标网页的第二状态数据之后，第一终端的ui层根据第二状态数据重新渲染运行在第一终端的目标网页的页面视图，完成对第一终端中目标网页的更新，使得在第一终端的目标网页与第二终端的目标网页保持同步。
83.在本技术实施例中，在第一终端和第二终端以相同的账号打开目标网页时，基于第一终端中安装的第一状态管理插件监测到目标网页的状态发生变化时，通过将第一状态数据上传至通过第一状态管理插件连接的服务器，以使服务器在第二终端打开所述目标网页时将第一状态数据发送至第二终端，第二终端基于第一状态数据更新第二终端的目标网页，同样，在第二终端的目标网页的状态发生变化时，第二终端会将第二终端中目标网页的状态发生变化后的第二状态数据发送至服务器，服务器将第二状态数据推送至第一终端，然后第一终端基于第二状态数据更新第一终端的目标网页，不需要使用特定的应用程序编程接口，通过监控目标网页状态的状态管理插件，在第一终端的目标网页的数据发生变化时，将状态变化后的状态数据发送至第二终端，以对第二终端的目标网页的网页状态同步进行更新，在第二终端的目标网页的数据发生变化时，对第一终端的目标网页的网页状态同步进行更新，在两个打开相同目标网页的电子设备之间实现了网页数据的同步。
84.请参见图6，为本技术实施例提供的一种网页同步方法的流程示意图。应用于服务器，如图6所示，所述网页同步方法可以包括以下步骤：
85.s402，接收第一终端发送的第一状态数据，第一状态数据为第一终端中安装的第一状态管理插件监测到目标网页发生状态变化后的状态数据；
86.具体的，在第一终端中目标网页的状态发生变化时，接收第一终端发送的目标网页发生状态变化后的第一状态数据。
87.s404，在第二终端打开目标网页时，基于第一状态数据更新第二终端的目标网页，第一终端与第二终端登录目标网页的账号相同。
88.可选的，在服务器接收第一终端发送的第一状态数据之后，若第二终端的目标网页当前处于打开状态，则通过第二终端的第二状态管理插件与服务器建立的连接将第一状态数据推送至第二终端，第一状态数据用于指示对第二终端的目标网页进行更新，以使第二终端在接收到服务器推送的第一状态数据之后，第二终端的ui层根据第一状态数据重新渲染运行在第二终端的目标网页的页面视图，完成对第二终端中目标网页的更新，使得在第二终端的目标网页与第一终端的目标网页保持同步。
89.可选的，在服务器接收第一终端发送的第一状态数据之后，若第二终端的目标网页当前处于未打开状态，则在所述第二终端打开目标网页时，服务器接收第二终端通过所安装的第二状态管理插件发送的连接请求，服务器与第二状态管理插件在建立连接后，接收第二终端基于所安装的第二状态管理插件发送的第一状态数据查询请求，将第一状态数据发送至第二终端的第二状态管理插件，第一状态数据用于指示第二终端对目标网页进行更新，以使第二终端在接收到服务器推送的第一状态数据之后，第二终端的ui层根据第一状态数据重新渲染运行在第二终端的目标网页的页面视图，完成对第二终端中目标网页的更新，使得在第二终端的目标网页与第一终端的目标网页保持同步。
90.在本技术实施例中，在第一终端和第二终端以相同的账号打开目标网页时，基于第一终端中安装的第一状态管理插件监测到目标网页的状态发生变化时，获取第一终端的目标网页变化后的第一状态数据，然后基于第一状态数据更新第一终端的目标网页，并将第一状态数据上传至通过第一状态管理插件连接的服务器，以使服务器在第二终端打开所述目标网页时将第一状态数据发送至第二终端，第二终端基于第一状态数据更新第二终端的目标网页，不需要使用特定的应用程序编程接口，通过监控目标网页状态的状态管理插
件，在第一终端的目标网页的数据发生变化时，将状态变化后的状态数据发送至第二终端，以对第二终端的目标网页的网页状态同步进行更新，在两个打开相同目标网页的电子设备之间实现了网页数据的同步。
91.请参见图7，为本技术实施例提供的一种网页同步方法的流程示意图。应用于服务器，如图7所示，所述网页同步方法可以包括以下步骤：
92.s502，接收第一终端发送的第一状态数据，第一状态数据为第一终端中安装的第一状态管理插件监测到目标网页发生状态变化后的状态数据；
93.具体的，步骤s502请参见本技术另一实施例中步骤s402中的详细描述，在此不一一赘述。
94.s504，在第二终端打开目标网页时，基于第一状态数据更新第二终端的目标网页，第一终端与第二终端登录目标网页的账号相同；
95.具体的，步骤s504请参见本技术另一实施例中步骤s404中的详细描述，在此不一一赘述。
96.s506，接收第二终端发送的第二状态数据，第二状态数据为第二终端中安装的第二状态管理插件监测到目标网页发生状态变化后的状态数据；
97.具体的，第二终端和第一终端登录目标网页的账号相同，因此，在第二终端的目标网页的状态发生变化时，第二终端的第二状态管理插件会将状态变化后的第二状态数据发送至服务器，即服务器接收第二终端发送的第二状态数据。
98.s508，将第二状态数据发送至第一终端的第一状态管理插件，第二状态数据用于指示第一终端对目标网页进行更新。
99.具体的，在接收第二终端发送的第二状态数据之后，第二终端和第一终端登录目标网页的账号相同，服务器将第二状态数据推送至第一终端的第一状态管理插件并保存至第一终端的状态管理模块中，由第一终端的ui层根据第二状态数据重新渲染运行在第一终端的目标网页的页面视图，完成对第一终端中目标网页的更新，使得在第一终端的目标网页与第二终端的目标网页保持同步。
100.在本技术实施例中，在第一终端和第二终端以相同的账号打开目标网页时，基于第一终端中安装的第一状态管理插件监测到目标网页的状态发生变化时，通过将第一状态数据上传至通过第一状态管理插件连接的服务器，以使服务器在第二终端打开所述目标网页时将第一状态数据发送至第二终端，第二终端基于第一状态数据更新第二终端的目标网页，同样，在第二终端的目标网页的状态发生变化时，第二终端会将第二终端中目标网页的状态发生变化后的第二状态数据发送至服务器，服务器将第二状态数据推送至第一终端，然后第一终端基于第二状态数据更新第一终端的目标网页，不需要使用特定的应用程序编程接口，通过监控目标网页状态的状态管理插件，在第一终端的目标网页的数据发生变化时，将状态变化后的状态数据发送至第二终端，以对第二终端的目标网页的网页状态同步进行更新，在第二终端的目标网页的数据发生变化时，对第一终端的目标网页的网页状态同步进行更新，在两个打开相同目标网页的电子设备之间实现了网页数据的同步。
101.请参见图8，为本技术实施例提供的一种网页同步方法的流程图。如图8所示，所述网页同步方法可以包括以下步骤：
102.s1，第一终端打开目标网页时，查询服务器中是否存储有目标网页对应的历史状
态数据；
103.具体的，在第一终端打开目标网页时，由第一终端中的第一状态管理插件与服务器建立连接，并查询服务器中是否存在目标网页对应的历史状态数据，历史状态数据为在第一终端打开目标网页之前，上一次使用相同账号登陆目标网页的终端在退出目标网页之前，上传至服务器的状态数据，也即服务器中存储的最新的状态数据。
104.s2，若服务器中存储有目标网页对应的历史状态数据，则第一终端根据历史状态数据渲染显示第一终端的目标网页；
105.具体的，若服务器中存储有目标网页对应的历史状态数据，则将该历史状态数据通过第一状态管理插件同步至第一终端，并根据历史状态数据渲染显示第一终端的目标网页。可以一并参见图4。
106.s3，若服务器中不存在目标网页对应的历史状态数据，则第一终端渲染显示第一终端的目标网页的主页面；
107.s4，在第一终端中目标网页的状态发生变化时，第一终端将状态变化后的第一状态数据上传存储至服务器；
108.具体的，在第一终端打开目标网页之后，第一终端中的第一状态管理插件监控第一终端中目标网页的状态，在第一终端中目标网页的状态发生变化时，将状态变化后的第一状态数据上传存储至服务器。
109.请参见图9，为本技术实施例提供的一种目标网页状态变化的举例示意图。如图9所示，第一终端中目标网页一开始显示在主页页面，响应于用户对目标网页的操作，目标网页从主页页面跳转至网页1页面，目标网页的状态发生了变化，则第一终端将状态发生变化后的网页1页面对应的第一状态数据上传至服务器。
110.s5，服务器判断是否存在使用第一终端相同账号登录目标网页的第二终端，若存在则执行步骤s6，若不存在，则执行步骤s7；
111.s6，服务器将第一状态数据推送至第二终端，第二终端根据第一状态数据重新渲染显示第二终端中目标网页；
112.具体的，第一终端和第二终端登录目标网页的账号相同，若在第一终端上传第一状态数据之前第二终端就已经打开了目标网页，则服务器将第一状态数据推送至第二终端，第二终端根据第一状态数据重新渲染显示第二终端中目标网页。
113.请参见图10，为本技术实施例提供的一种第二终端渲染目标网页的举例示意图。如图10所示，第二终端在未接收第一状态数据之前，当前目标网页位于主页面，在接收服务器推送的第一状态数据之后，第二终端根据第一状态数据重新渲染显示第二终端中目标网页，第二终端的目标网页由主页面跳转至和第一终端相同的网页1页面。
114.s7，在第二终端打开目标网页时，第二终端查询服务器是否存储有目标网页对应的历史状态数据；
115.s8，在查询到服务器中存储的第一终端上传的第一状态数据时，第二终端获取第一状态数据；
116.s9，第二终端根据第一状态数据重新渲染显示第二终端中目标网页。
117.步骤s7～s9具体可一并参见步骤s1～s2的详细描述。
118.在本技术实施例中，在第一终端和第二终端以相同的账号打开目标网页时，基于
第一终端中安装的第一状态管理插件监测到目标网页的状态发生变化时，通过将第一状态数据上传至通过第一状态管理插件连接的服务器，以使服务器在第二终端打开所述目标网页时将第一状态数据发送至第二终端，第二终端基于第一状态数据更新第二终端的目标网页，同样，在第二终端的目标网页的状态发生变化时，第二终端会将第二终端中目标网页的状态发生变化后的第二状态数据发送至服务器，服务器将第二状态数据推送至第一终端，然后第一终端基于第二状态数据更新第一终端的目标网页，不需要使用特定的应用程序编程接口，通过监控目标网页状态的状态管理插件，在第一终端的目标网页的数据发生变化时，将状态变化后的状态数据发送至第二终端，以对第二终端的目标网页的网页状态同步进行更新，在第二终端的目标网页的数据发生变化时，对第一终端的目标网页的网页状态同步进行更新，在两个打开相同目标网页的电子设备之间实现了网页数据的同步。
119.下面将结合附图11，对本技术实施例提供的网页同步装置进行详细介绍。需要说明的是，附图11的网页同步装置，用于执行本技术图2、图3和图5所示实施例的方法，为了便于说明，仅示出了与本技术实施例相关的部分，具体技术细节未揭示的，请参照本技术图2、图3和图5所示的实施例。
120.请参见图11，为本技术实施例提供的一种网页同步装置的结构示意图。如图11所示，该网页同步装置1可以通过软件、硬件或者两者的结合实现成为终端设备的全部或一部分。根据一些实施例，该网页同步装置1包括，第一状态获取模块11、第一状态更新模块12，具体包括：
121.第一状态获取模块11，用于基于所安装的第一状态管理插件监测到目标网页的状态发生变化，获取所述目标网页变化后的第一状态数据；
122.第一状态更新模块12，用于基于所述第一状态数据更新所述目标网页，并将所述第一状态数据上传至通过所述第一状态管理插件连接的服务器，所述服务器用于在第二终端打开所述目标网页时，基于所述第一状态数据更新所述第二终端的目标网页，所述第一终端与所述第二终端登录所述目标网页的账号相同。
123.可选的，请参见图12，为本技术实施例提供的一种网页同步装置的结构示意图。如图12所示，所述网页同步装置，还包括历史状态恢复模块13，具体用于：
124.若监测到打开目标网页，则基于第一状态管理插件与服务器建立连接；
125.查询所述服务器中是否存在与所述目标网页对应的历史状态数据；
126.若查询到所述服务器中存在与所述目标网页对应的历史状态数据，则将所述历史状态数据同步至所述第一状态管理插件，基于所述历史状态数据更新所述目标网页；
127.若查询到所述服务器中不存在与所述目标网页对应的历史状态数据，则向所述服务器获取所述目标网页的主页数据并显示。
128.可选的，请参见图12，为本技术实施例提供的一种网页同步装置的结构示意图。如图12所示，所述网页同步装置，还包括：
129.第二状态接收模块14，用于接收所述服务器发送的第二状态数据，所述第二状态数据为所述第二终端中目标网页发生状态变化后的状态数据；
130.第二状态更新模块15，用于基于所述第二状态数据对所述第一终端的目标网页进行更新。
131.在本技术实施例中，在第一终端和第二终端以相同的账号打开目标网页时，基于
第一终端中安装的第一状态管理插件监测到目标网页的状态发生变化时，通过将第一状态数据上传至通过第一状态管理插件连接的服务器，以使服务器在第二终端打开所述目标网页时将第一状态数据发送至第二终端，第二终端基于第一状态数据更新第二终端的目标网页，同样，在第二终端的目标网页的状态发生变化时，第二终端会将第二终端中目标网页的状态发生变化后的第二状态数据发送至服务器，服务器将第二状态数据推送至第一终端，然后第一终端基于第二状态数据更新第一终端的目标网页，不需要使用特定的应用程序编程接口，通过监控目标网页状态的状态管理插件，在第一终端的目标网页的数据发生变化时，将状态变化后的状态数据发送至第二终端，以对第二终端的目标网页的网页状态同步进行更新，在第二终端的目标网页的数据发生变化时，对第一终端的目标网页的网页状态同步进行更新，在两个打开相同目标网页的电子设备之间实现了网页数据的同步。
132.下面将结合附图13，对本技术实施例提供的网页同步装置进行详细介绍。需要说明的是，附图13的网页同步装置，用于执行本技术图6、图7所示实施例的方法，为了便于说明，仅示出了与本技术实施例相关的部分，具体技术细节未揭示的，请参照本技术图6、图7所示的实施例。
133.请参见图13，为本技术实施例提供的一种网页同步装置的结构示意图。如图13所示，该网页同步装置2可以通过软件、硬件或者两者的结合实现成为终端设备的全部或一部分。根据一些实施例，该网页同步装置2包括，第一状态接收模块21、第一状态同步模块22，具体包括：
134.第一状态接收模块21，用于接收第一终端发送的第一状态数据，所述第一状态数据为所述第一终端中安装的第一状态管理插件监测到目标网页发生状态变化后的状态数据；
135.第一状态同步模块22，用于在第二终端打开所述目标网页时，基于所述第一状态数据更新所述第二终端的目标网页，所述第一终端与所述第二终端登录所述目标网页的账号相同。
136.可选的，所述第一状态同步模块22，具体用于：
137.若第二终端的目标网页当前处于打开状态，则将所述第一状态数据推送至所述第二终端，所述第一状态数据用于指示对所述第二终端的目标网页进行更新；
138.若第二终端的目标网页当前处于未打开状态，在所述第二终端打开目标网页时，接收所述第二终端通过所安装的第二状态管理插件发送的连接请求；
139.在建立连接后，接收所述第二终端基于所安装的第二状态管理插件发送的第一状态数据查询请求，将所述第一状态数据发送至所述第二状态管理插件，所述第一状态数据用于指示所述第二终端对目标网页进行更新。
140.可选的，请参见图14，为本技术实施例提供的一种网页同步装置的结构示意图。如图14所示，所述网页同步装置，还包括历史状态发送模块23，具体用于：
141.在第一终端打开目标网页时，接收所述第一终端基于所安装的第一状态管理插件发送的连接请求，与所述第一状态管理插件建立连接；
142.接收所述第一终端基于所述第一状态管理插件发送的历史状态数据查询请求，查询所述目标网页对应的历史状态数据并发送至所述第一状态管理插件，所述历史状态数据用于指示所述第一终端对目标网页进行更新。
array，pla)中的至少一种硬件形式来实现。处理器110可集成中央处理器(central processing unit，cpu)、图像处理器(graphics processing unit，gpu)和调制解调器等中的一种或几种的组合。其中，cpu主要处理操作系统、用户页面和应用程序等；gpu用于负责显示内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器110中，单独通过一块通信芯片进行实现。
153.存储器120可以包括随机存储器(random access memory，ram)，也可以包括只读存储器(read-only memory，rom)。可选地，该存储器120包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器120可用于存储指令、程序、代码、代码集或指令集。存储器120可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于实现至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现上述各个方法实施例的指令等，该操作系统可以是安卓(android)系统，包括基于android系统深度开发的系统、苹果公司开发的ios系统，包括基于ios系统深度开发的系统或其它系统。
154.存储器120可分为操作系统空间和用户空间，操作系统即运行于操作系统空间，原生及第三方应用程序即运行于用户空间。为了保证不同第三方应用程序均能够达到较好的运行效果，操作系统针对不同第三方应用程序为其分配相应的系统资源。然而，同一第三方应用程序中不同应用场景对系统资源的需求也存在差异，比如，在本地资源加载场景下，第三方应用程序对磁盘读取速度的要求较高；在动画渲染场景下，第三方应用程序则对gpu性能的要求较高。而操作系统与第三方应用程序之间相互独立，操作系统往往不能及时感知第三方应用程序当前的应用场景，导致操作系统无法根据第三方应用程序的具体应用场景进行针对性的系统资源适配。
155.为了使操作系统能够区分第三方应用程序的具体应用场景，需要打通第三方应用程序与操作系统之间的数据通信，使得操作系统能够随时获取第三方应用程序当前的场景信息，进而基于当前场景进行针对性的系统资源适配。
156.其中，输入装置130用于接收输入的指令或数据，输入装置130包括但不限于键盘、鼠标、摄像头、麦克风或触控设备。输出装置140用于输出指令或数据，输出装置140包括但不限于显示设备和扬声器等。在一个示例中，输入装置130和输出装置140可以合设，输入装置130和输出装置140为触摸显示屏。
157.所述触摸显示屏可被设计成为全面屏、曲面屏或异型屏。触摸显示屏还可被设计成为全面屏与曲面屏的结合，异型屏与曲面屏的结合，本技术实施例对此不加以限定。
158.除此之外，本领域技术人员可以理解，上述附图所示出的电子设备的结构并不构成对电子设备的限定，电子设备可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。比如，电子设备中还包括射频电路、输入单元、传感器、音频电路、无线保真(wireless fidelity，wifi)模块、电源、蓝牙模块等部件，在此不再赘述。
159.在图15所示的电子设备中，处理器110可以用于调用存储器120中存储的网页同步程序，并执行以实现如本技术各个方法实施例所述的网页同步方法。
160.在本技术实施例中，在第一终端和第二终端以相同的账号打开目标网页时，基于第一终端中安装的第一状态管理插件监测到目标网页的状态发生变化时，通过将第一状态数据上传至通过第一状态管理插件连接的服务器，以使服务器在第二终端打开所述目标网
页时将第一状态数据发送至第二终端，第二终端基于第一状态数据更新第二终端的目标网页，同样，在第二终端的目标网页的状态发生变化时，第二终端会将第二终端中目标网页的状态发生变化后的第二状态数据发送至服务器，服务器将第二状态数据推送至第一终端，然后第一终端基于第二状态数据更新第一终端的目标网页，不需要使用特定的应用程序编程接口，通过监控目标网页状态的状态管理插件，在第一终端的目标网页的数据发生变化时，将状态变化后的状态数据发送至第二终端，以对第二终端的目标网页的网页状态同步进行更新，在第二终端的目标网页的数据发生变化时，对第一终端的目标网页的网页状态同步进行更新，在两个打开相同目标网页的电子设备之间实现了网页数据的同步。
161.本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体或随机存储记忆体等。
162.以上所揭露的仅为本技术较佳实施例而已，当然不能以此来限定本技术之权利范围，因此依本技术权利要求所作的等同变化，仍属本技术所涵盖的范围。