CN109543122B - 内容同步方法、装置、存储介质及电子装置 - Google Patents

Abstract

本发明提供了一种内容同步方法、装置、存储介质及电子装置，其中，所述方法包括：提取输入至第一web页面中的目标内容；确定第二web页面中对应同步所述目标内容的目的区域，其中，所述第二web页面为用于同步所述第一web页面中的内容的目标web页面；将所述目标内容同步至所述目的区域中。通过本发明，解决了相关技术中存在的在进行页面内容同步时，由于是由人工进行数据配置的，从而导致出错率较高且时间耗费较多的问题。

Description

内容同步方法、装置、存储介质及电子装置

技术领域

本发明涉及通信领域，具体而言，涉及一种内容同步方法、装置、存储介质及电子装置。

背景技术

目前互联网公司的产品包括互联网金融、网络游戏、软件服务、互联网综合、电子商务、在线视频等，无一不涉及到产品的配置问题，比如配置一个视频的标题、封面以及作者等。一般都是通过页面的方式进行配置，而不是服务端写配置文件来进行配置，因为通过页面的方式进行配置的维护性比较高且配置起来比较灵活，其中必然会涉及到在页面之间进行数据同步的处理，例如，在公网的页面配置产品相关数据之前，往往需要在私网(即公司内网)中进行配置，测试没有问题之后才把这些相关数据配置到公网环境下。比较传统的方法是在公司内网配置产品相关数据测试没问题后，再到公网手动重新配置一遍相同的数据，这种方法比较费时且容易出现内网配置正确后到公网环境重新配置时出错的情况。或者由于各个产品业务的差异性，程序员通过服务端针对公司的内网每一个配置都单独写一段代码将数据同步到公网环境下，这种方法往往涉及到较多的开发工作量，在产品需求迭代频繁的情况下无法保证有充足的时间来完成这一项工作；基于开发工作量的关系，一般情况下，往往采取人工重新配置数据的方法来把公司内网的数据同步到公网环境。

可以看出，在上述传统方式下，是需要承担较高的数据重复配置错误的风险，且需要在比较费时的情况下，才能完成网页间的内容的同步的操作。

针对相关技术中存在的在进行页面内容同步时所出现的问题，目前尚未提出有效的解决方案。

发明内容

本发明实施例提供了一种内容同步方法、装置、存储介质及电子装置，以至少解决相关技术中存在的在进行页面内容同步时，是由人工进行数据配置的，从而导致出错率较高且时间耗费较多的问题。

根据本发明的一个实施例，提供了一种内容同步方法，包括：提取输入至第一web页面中的目标内容；确定第二web页面中对应同步所述目标内容的目的区域，其中，所述第二web页面为用于同步所述第一web页面中的内容的目标web页面；将所述目标内容同步至所述目的区域中。

根据本发明的一个实施例，提供了一种内容同步装置，包括：提取模块，用于提取输入至第一web页面中的目标内容；确定模块，用于确定第二web页面中对应同步所述目标内容的目的区域，其中，所述第二web页面为用于同步所述第一web页面中的内容的目标web页面；同步模块，用于将所述目标内容同步至所述目的区域中。

根据本发明的又一个实施例，还提供了一种存储介质，所述存储介质中存储有计算机程序，其中，所述计算机程序被设置为运行时执行上述方法实施例中的步骤。

根据本发明的又一个实施例，还提供了一种电子装置，包括存储器和处理器，所述存储器中存储有计算机程序，所述处理器被设置为运行所述计算机程序以执行上述方法实施例中的步骤。

通过本发明，采用的是自动提取第一web页面中的目标内容，并将提取的目标内容同步至第一web页面的目标文本页面，从而无需利用人工进行页面间的数据同步，有效降低了内容同步的出错率，同时降低了时间的耗费，解决了相关技术中存在的在进行页面内容同步时，由于是由人工进行数据配置的，从而导致出错率较高且时间耗费较多的问题。

附图说明

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

图1是本发明实施例的一种内容同步方法的计算机终端的硬件结构框图；

图2是根据本发明实施例的内容同步方法的流程图；

图3是根据本发明实施例的web页面数据同步方法的结构流程图；

图4是根据本发明实施例的内容同步装置的结构框图。

具体实施方式

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

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。

本申请实施例中所提供的方法实施例可以在移动终端、计算机终端或者类似的运算装置中执行。以运行在计算机终端上为例，图1是本发明实施例的一种内容同步方法的计算机终端的硬件结构框图。如图1所示，计算机终端可以包括一个或多个(图1中仅示出一个)处理器102(处理器102可以包括但不限于微处理器MCU或可编程逻辑器件FPGA等的处理装置)和用于存储数据的存储器104，可选地，上述计算机终端还可以包括用于通信功能的传输设备106以及输入输出设备108。本领域普通技术人员可以理解，图1所示的结构仅为示意，其并不对上述计算机终端的结构造成限定。例如，计算机终端还可包括比图1中所示更多或者更少的组件，或者具有与图1所示不同的配置。

存储器104可用于存储计算机程序，例如，应用软件的软件程序以及模块，如本发明实施例中的内容同步方法对应的计算机程序，处理器102通过运行存储在存储器104内的计算机程序，从而执行各种功能应用以及数据处理，即实现上述的方法。存储器104可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器104可进一步包括相对于处理器102远程设置的存储器，这些远程存储器可以通过网络连接至计算机终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

传输装置106用于经由一个网络接收或者发送数据。上述的网络具体实例可包括计算机终端的通信供应商提供的无线网络。在一个实例中，传输装置106包括一个网络适配器(Network Interface Controller，简称为NIC)，其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中，传输装置106可以为射频(Radio Frequency，简称为RF)模块，其用于通过无线方式与互联网进行通讯。

在本实施例中提供了一种运行于上述终端的内容同步方法，图2是根据本发明实施例的内容同步方法的流程图，如图2所示，该流程包括如下步骤：

步骤S202，提取输入至第一web页面中的目标内容；

步骤S204，确定第二web页面中对应同步所述目标内容的目的区域，其中，所述第二web页面为用于同步所述第一web页面中的内容的目标web页面；

步骤S206，将所述目标内容同步至所述目的区域中。

在上述实施例中，第一web页面为源页面，第二web页面为该源页面的目标页面，也就是说，第一web页面和第二web页面是用于进行内容同步的页面，其中，第一web页面和第二web页面的布局可以是完全相同的，也可以是部分相同。可选地，上述第一web页面可以是前述所提及的公司内网中的为了测试配置数据的模拟页面，第二web页面为公司公网中的正常运行的界面，当然，上述的第一web页面和第二web页面也可以均是正常运行的界面，且第一web页面和第二web页面可以是同一终端上的web页面，也可以是不同终端上的web页面。

通过上述实施例，采用的是自动提取第一web页面中的目标内容，并将提取的目标内容同步至第一web页面的目标文本页面，从而无需利用人工进行页面间的数据同步，有效降低了内容同步的出错率，同时降低了时间的耗费，解决了相关技术中存在的在进行页面内容同步时，由于是由人工进行数据配置的，从而导致出错率较高且时间耗费较多的问题。

在一个可选的实施例中，提取输入至第一web页面中的目标内容包括：利用预先设置的第一内嵌浏览器插件对应的预定脚本语言提取输入至所述第一web页面中的所述目标内容。

在一个可选的实施例中，在利用预先设置的第一内嵌浏览器插件对应的预定脚本语言提取所述目标内容之后，还包括：将提取的所述目标内容转换为预定字符串；其中，所述预定字符串包括元素信息列表，或者所述预定字符串包括元素信息列表和所述第一内嵌浏览器插件的版本信息，所述元素信息列表中的元素信息包括元素的输入数据，元素的定位信息以及元素的类型。

在一个可选的实施例中，所述元素的定位信息包括以下信息至少之一：元素的标识id、元素的类class、元素的名字name、元素的类型type、元素的可扩展标记语言路径语言Xpath；在另一个可选的实施例中，所述元素的类型包括以下类型之一：输入input、文本域textarea、选择select。

在一个可选的实施例中，上述元素信息列表可以包括超文本标记语言html元素信息列表，所述预定脚本语言包括直译式脚本语言javascript，所述预定字符串包括javascript对象简谱字符串。

具体地，由上述实施例可知，在提取源web页面(即，前述的第一web页面)中的目标内容时，例如，提取用户输入信息时，在源web页面中，通过内嵌浏览器插件的方式，可以利用javascript将web页面中的input、textarea以及select等涉及用户输入的html元素的信息提取出来生成一个json字符串，该json字符串包括一个元素信息列表以及该装置的版本信息，其中元素信息列表中每一个元素的信息包括html元素的用户输入(选择)数据、html元素定位信息以及html元素类型。

在一个可选的实施例中，确定第二web页面中对应同步所述目标内容的目的区域包括：对所述预定字符串进行解析以获取所述预定字符串中包括的元素信息列表；根据所述元素信息列表逐个确定所述第二web页面中对应的元素，以组成所述目的区域。在本实施例中，在确定第二web页面中的目的区域时，可以根据从源web页面中提取得到的预定字符串中的元素信息列表来确定，例如，在目标web页面(即，前述的第二web页面)中进行数据同步的时候找到源web页面定位信息相同的html元素，然后将用户输入(选择)数据同步到对应html元素上。

在一个可选的实施例中，在确定目的区域时，还可以通过预先设置的定位映射表来确定。在本实施例中，确定第二web页面中对应同步所述目标内容的目的区域包括：确定预先设置的所述第一web页面与所述第二web页面之间的定位映射表，依据所述定位映射表确定所述第二web页面中对应输入所述目标内容的所述目的区域。具体而言，可以提供一个文本编辑输入框接收用户配置的源web页面和目标web页面的html元素自定义定位映射表。该映射表非必填，如果填，则后续在同步web页面数据的时则在目标web页面找到源web页面元素定位信息映射后的html元素，然后将用户输入(选择)数据同步到对应html元素上。

在一个可选的实施例中，在将所述目标内容同步至所述目的区域中之前，所述方法还包括：利用所述预定脚本语言将所述预定字符串复制到剪切板中，并将复制到所述剪切板中的所述预定字符串作为待输入至所述目的区域的目标内容。在本实施例中，可以利用javascript自动将所述的包含了用户输入等信息的json字符串复制到剪切板中，其中，该剪切板可以是系统的剪切板。

在一个可选的实施例中，在将所述目标内容同步至所述目的区域中之前，所述方法还包括：利用预先设置的复制插件(或称为复制按钮)将所述目标内容复制到剪切板中，并将复制到所述剪切板中的所述目标内容作为待输入至所述目的区域的目标内容。在本实施例中，剪切板可以是系统的剪切板。

在一个可选的实施例中，将所述目标内容同步至所述目的区域中包括：利用预先设置的第二内嵌浏览器插件将所述目标内容同步至所述目的区域中。本实施例中实现的是将数据同步到目标web页面的操作，具体而言，在目标web页面中，可以通过内网浏览器插件等方式，利用javascript解析上述包含了源web页面的用户输入(选择)数据、html元素定位信息以及html元素类型的json字符串，根据json字符串中的元素信息列表逐个找到目标web页面中对应的元素，然后将该元素对应的用户输入数据填充或者设置到目标web页面中对应的元素内，即可完成页面数据的同步操作。

下面结合具体实施例对本发明进行说明：

图3是根据本发明实施例的web页面数据同步方法的结构流程图，如图3所示，该方法包括以下步骤：

步骤S301，提取源web页面的用户输入信息(对应于前述的目标内容)，通过本发明实施例中提供的装置(例如，前述的第一内嵌浏览器插件和第二内嵌浏览器插件)，利用javascript将源web页面中涉及用户输入的html元素信息提取出来生成一个json字符串；

可选地，在步骤S301中所述的装置，包括但不限于内嵌于浏览器的插件；

可选地，在步骤S301中，提取到的json字符串包括一个html元素信息列表以及装置的版本信息，其中html元素信息列表中每一个元素的信息包括html元素的用户输入数据、html元素定位信息以及html元素类型；版本信息则用于该方法与装置的后续不同迭代版本的判断使用；

可选地，在步骤S301中，涉及用户输入的html元素包括但不限于input，textarea以及select元素。特别地，input和textarea两种类型元素的用户输入信息数据为对应编辑框内的文本，select类型的元素的用户输入信息数据为所选中的选项；

可选地，在步骤S301中，可以按元素类型分别按源web页面中元素顺序依次提取，也可以不区分元素类型而直接按顺序获取源页面中的所有元素，然后过滤掉非涉及用户输入的html元素，最后依次提取；

可选地，在步骤S301中，html元素定位信息包括但不限于元素的id，class，name，type属性。

步骤S302，获取用户自定义设置的源web页面与目标web页面的元素定位映射表，用以支持源web页面与目标web页面不是同一个结构的页面的情况下的数据同步，该步骤的逻辑能够提高本方法与装置的通用性；

可选地，在步骤S302中，可以提供一个编辑输入框或者上传文件等方式接收用户自定义配置的源web页面和目标web页面的html元素定位映射表；

可选地，步骤S302中所述的元素定位映射表非必填，如果填，则后续步骤S304中同步web页面数据的时则在目标web页面找到源web页面元素定位信息映射后的html元素，然后将用户输入数据同步到对应html元素上；如果未填，则后续步骤S304中同步web页面数据的时候则找到源web页面定位信息相同的html元素，然后将用户输入数据同步到对应html元素上；

步骤S303，将步骤S301提取到的源web页面的包含了用户输入信息列表、装置的版本号以及用户自定义配置的html元素定位映射表重新组成一个json字符串，并拷贝到系统的剪切板中；

可选地，在步骤S303中，本装置可以通过提供一个拷贝按钮或者利用javascript直接自动将本步骤所述信息拷贝到系统的剪切板中；

步骤S304，将步骤S303所述的系统剪切板中的json字符串进行解析，得到源web页面的用户输入信息列表、装置的版本号以及用户自定义配置的html元素定位映射表，同步到目标web页面中；

可选地，在步骤S304中，同步数据的逻辑为按顺序取出源web页面的用户输入信息列表的每个html元素的输入信息，然后根据每一个用户输入信息中的html元素定位信息，找到目标web页面对应的元素，然后将该html元素的输入信息中的用户数据设置到目标页面对应的元素中；

可选地，在步骤S304中，对于源web页面的每一个用户输入信息中的html元素定位信息，找到对应目标web页面元素的方法为，在用户自定义配置的html元素定位映射表找，如果找到该元素定位信息对应的目标web页面元素定位信息，则在目标web页面中找到目标web页面的元素定位信息对应的html元素；否则，直接在目标web页面中找到源web页面的元素定位信息对应的元素即可；

以上对本发明实施例中的web页面数据同步方法进行了详细介绍，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处。综上，本说明内容不应理解为对本发明的限制。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。

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

图4是根据本发明实施例的内容同步装置的结构框图，如图4所示，该装置包括：

提取模块42，用于提取输入至第一web页面中的目标内容；确定模块44，用于确定第二web页面中对应同步所述目标内容的目的区域，其中，所述第二web页面为用于同步所述第一web页面中的内容的目标web页面；同步模块46，用于将所述目标内容同步至所述目的区域中。

在一个可选的实施例中，所述提取模块42具体用于：利用预先设置的第一内嵌浏览器插件对应的预定脚本语言提取输入至所述第一web页面中的所述目标内容。

在一个可选的实施例中，所述装置还用于在利用预先设置的第一内嵌浏览器插件对应的预定脚本语言提取所述目标内容之后，将提取的所述目标内容转换为预定字符串；其中，所述预定字符串包括元素信息列表，或者所述预定字符串包括元素信息列表和所述第一内嵌浏览器插件的版本信息，所述元素信息列表中的元素信息包括元素的输入数据，元素的定位信息以及元素的类型。

在一个可选的实施例中，所述元素的定位信息包括以下信息至少之一：元素的标识id、元素的类class、元素的名字name、元素的类型type、元素的可扩展标记语言路径语言Xpath；在另一个可选的实施例中，所述元素的类型包括以下类型之一：输入input、文本域textarea、选择select。

在一个可选的实施例中，所述确定模块44具体用于：对所述预定字符串进行解析以获取所述预定字符串中包括的元素信息列表；根据所述元素信息列表逐个确定所述第二web页面中对应的元素，以组成所述目的区域。

在一个可选的实施例中，所述装置还用于在将所述目标内容同步至所述目的区域中之前，利用所述预定脚本语言将所述预定字符串复制到剪切板中，并将复制到所述剪切板中的所述预定字符串作为待输入至所述目的区域的目标内容。

在一个可选的实施例中，所述元素信息列表包括超文本标记语言html元素信息列表，所述预定脚本语言包括直译式脚本语言javascript，所述预定字符串包括javascript对象简谱字符串。

在一个可选的实施例中，所述确定模块44具体用于：确定预先设置的所述第一web页面与所述第二web页面之间的定位映射表，依据所述定位映射表确定所述第二web页面中对应输入所述目标内容的所述目的区域。

在一个可选的实施例中，所述装置还用于在将所述目标内容同步至所述目的区域中之前，利用预先设置的复制插件将所述目标内容复制到剪切板中，并将复制到所述剪切板中的所述目标内容作为待输入至所述目的区域的目标内容。

在一个可选的实施例中，所述同步模块46具体用于利用预先设置的第二内嵌浏览器插件将所述目标内容同步至所述目的区域中。

需要说明的是，上述各个模块是可以通过软件或硬件来实现的，对于后者，可以通过以下方式实现，但不限于此：上述模块均位于同一处理器中；或者，上述各个模块以任意组合的形式分别位于不同的处理器中。

本发明的实施例还提供了一种存储介质，该存储介质中存储有计算机程序，其中，该计算机程序被设置为运行时执行上述任一项方法实施例中的步骤。

可选地，在本实施例中，上述存储介质可以包括但不限于：U盘、只读存储器(Read-Only Memory，简称为ROM)、随机存取存储器(Random Access Memory，简称为RAM)、移动硬盘、磁碟或者光盘等各种可以存储计算机程序的介质。

本发明的实施例还提供了一种电子装置，包括存储器和处理器，该存储器中存储有计算机程序，该处理器被设置为运行计算机程序以执行上述任一项方法实施例中的步骤。

可选地，上述电子装置还可以包括传输设备以及输入输出设备，其中，该传输设备和上述处理器连接，该输入输出设备和上述处理器连接。

可选地，本实施例中的具体示例可以参考上述实施例及可选实施方式中所描述的示例，本实施例在此不再赘述。

通过本发明实施例中提供的web页面数据同步的方法与装置，解决了传统方式下数据同步的耗时和易出错的问题；极大地方便了不同页面间的数据同步；该方法与装置的最大特点是通用性很强，且稳定不易出错，避免大量的开发工作，有效地提高了工作效率，节省成本。

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

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

Claims (10)

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

提取输入至第一web页面中的目标内容；

确定第二web页面中对应同步所述目标内容的目的区域，其中，所述第二web页面为用于同步所述第一web页面中的内容的目标web页面；

将所述目标内容同步至所述目的区域中；

其中，提取输入至第一web页面中的目标内容包括：

利用预先设置的第一内嵌浏览器插件对应的预定脚本语言提取输入至所述第一web页面中的所述目标内容。

2.根据权利要求1所述的方法，其特征在于，在利用预先设置的第一内嵌浏览器插件对应的预定脚本语言提取所述目标内容之后，还包括：

将提取的所述目标内容转换为预定字符串；

其中，所述预定字符串包括元素信息列表，或者所述预定字符串包括元素信息列表和所述第一内嵌浏览器插件的版本信息，所述元素信息列表中的元素信息包括元素的输入数据，元素的定位信息以及元素的类型。

3.根据权利要求2所述的方法，其特征在于，确定第二web页面中对应同步所述目标内容的目的区域包括：

对所述预定字符串进行解析以获取所述预定字符串中包括的元素信息列表；

根据所述元素信息列表逐个确定所述第二web页面中对应的元素，以组成所述目的区域。

4.根据权利要求2所述的方法，其特征在于，在将所述目标内容同步至所述目的区域中之前，所述方法还包括：

利用所述预定脚本语言将所述预定字符串复制到剪切板中，并将复制到所述剪切板中的所述预定字符串作为待输入至所述目的区域的目标内容。

5.根据权利要求1所述的方法，其特征在于，确定第二web页面中对应同步所述目标内容的目的区域包括：

确定预先设置的所述第一web页面与所述第二web页面之间的定位映射表，依据所述定位映射表确定所述第二web页面中对应输入所述目标内容的所述目的区域。

6.根据权利要求1所述的方法，其特征在于，在将所述目标内容同步至所述目的区域中之前，所述方法还包括：

利用预先设置的复制插件将所述目标内容复制到剪切板中，并将复制到所述剪切板中的所述目标内容作为待输入至所述目的区域的目标内容。

7.根据权利要求1至6任一项中所述的方法，其特征在于，将所述目标内容同步至所述目的区域中包括：

利用预先设置的第二内嵌浏览器插件将所述目标内容同步至所述目的区域中。

8.一种内容同步装置，其特征在于，包括：

提取模块，用于提取输入至第一web页面中的目标内容；

确定模块，用于确定第二web页面中对应同步所述目标内容的目的区域，其中，所述第二web页面为用于同步所述第一web页面中的内容的目标web页面；

同步模块，用于将所述目标内容同步至所述目的区域中；

其中，所述提取模块具体用于：利用预先设置的第一内嵌浏览器插件对应的预定脚本语言提取输入至所述第一web页面中的所述目标内容。

9.一种存储介质，其特征在于，所述存储介质中存储有计算机程序，其中，所述计算机程序被设置为运行时执行所述权利要求1至7任一项中所述的方法。

10.一种电子装置，包括存储器和处理器，其特征在于，所述存储器中存储有计算机程序，所述处理器被设置为运行所述计算机程序以执行所述权利要求1至7任一项中所述的方法。

Images