配置信息的获取方法、装置、设备及计算机可读存储介质与流程

本申请实施例涉及互联网技术领域，特别涉及一种配置信息的获取方法、装置、设备及计算机可读存储介质。

背景技术：

随着互联网技术的不断发展，为了满足人们日益增长的网页浏览需求，网页开发者需要开发出各式各样的网页。因此，亟需一种配置信息的获取方法为网页开发者提供网页开发所需的配置信息。

相关技术中，配置信息库中存储有各种类型的配置信息。当网页开发者想要开发目标网页时，基于目标网页所需要的配置信息的类型，确定配置信息的关键字；在配置信息库中输入该关键字，并搜索，进而获取到与关键字相关的配置信息。

然而，上述配置信息的获取方法中依赖于网页开发者确定的关键字，当该关键字不够准确时，搜索到的配置信息也就不够准确，基于该配置信息生成目标网页时，导致目标网页的效果较差，且该方法需要网页开发者进行手动搜索，使得配置信息的获取效率较低。

技术实现要素：

本申请实施例提供了一种配置信息的获取方法、装置、设备及计算机可读存储介质，可用于解决相关技术中的问题。所述技术方案如下：

一方面，本申请实施例提供了一种配置信息的获取方法，所述方法包括：

基于目标语言和目标框架，在配置信息库中确定候选配置信息，所述目标语言和目标框架为与待生成的目标网页相关的语言和框架；

获取参考图片，所述参考图片为参考网页对应的快照，所述参考网页为与所述目标网页的样式匹配的网页；

对所述参考图片进行识别，得到所述参考图片对应的参考配置信息；

基于所述参考图片对应的参考配置信息，在所述候选配置信息中确定目标配置信息，所述目标配置信息用于生成所述目标网页。

在一种可能的实现方式中，所述基于所述参考图片对应的参考配置信息，在所述候选配置信息中确定目标配置信息，包括：

响应于所述参考配置信息包括参考模板，且所述候选配置信息包括候选模板，基于所述参考模板，在所述候选模板中确定目标模板；将所述目标模板确定为所述目标配置信息；

或，响应于所述参考配置信息中包括参考模板和参考组件，且所述候选配置信息包括候选模板和候选组件，基于所述参考模板，在所述候选模板中确定目标模板；基于所述参考组件，在所述候选组件中确定目标组件；将所述目标模板和所述目标组件确定为所述目标配置信息。

在一种可能的实现方式中，所述基于所述参考模板，在所述候选模板中确定目标模板，包括：

确定所述候选模板和所述参考模板的第一匹配度；

将第一匹配度满足第一目标要求的候选模板确定为所述目标模板；

所述基于所述参考组件，在所述候选组件中确定目标组件，包括：

确定所述候选组件和所述参考组件的第二匹配度；

将第二匹配度满足第二目标要求的候选组件确定为所述目标组件。

在一种可能的实现方式中，所述对所述参考图片进行识别，得到所述参考图片对应的参考配置信息，包括：

响应于所述参考图片不包括参考组件，对所述参考图片进行识别，得到所述参考图片对应的参考模板，将所述参考模板确定为所述参考配置信息；

或，响应于所述参考图片包括所述参考组件，对所述参考图片进行识别，得到所述参考图片对应的参考模板和所述参考图片包括的参考组件，将所述参考模板和所述参考组件确定为所述参考配置信息。

在一种可能的实现方式中，所述基于目标语言和目标框架，在配置信息库中确定候选配置信息之前，所述方法还包括：

显示语言和框架选择页面，所述语言和框架选择页面上显示有可供选择的至少一种语言；

响应于接收到所述至少一种语言中的任一种语言的选中指令，将被选中的语言确定为目标语言，显示所述目标语言对应的至少一种框架；

响应于接收到所述至少一种框架中的任一种框架的选中指令，将被选中的框架确定为目标框架。

在一种可能的实现方式中，所述基于目标语言和目标框架，在配置信息库中确定候选配置信息之前，所述方法还包括：

获取多个第一组件和多个第一模板；

确定各个第一组件对应的语言和框架以及各个第一模板对应的语言和框架；

基于所述多个第一组件、所述各个第一组件对应的语言和框架、所述多个第一模板和所述各个第一模板对应的语言和框架，建立所述配置信息库。

在一种可能的实现方式中，所述基于所述参考图片对应的参考配置信息，在所述候选配置信息中确定目标配置信息之后，所述方法还包括：

响应于所述参考图片中包括参考组件，确定所述参考图片包括的各个参考组件的位置；

将与所述参考组件匹配的目标组件的位置确定为所述参考组件的位置；

基于所述目标组件，所述目标组件的位置和所述目标模板，生成所述目标网页。

另一方面，本申请实施例提供了一种配置信息的获取装置，所述装置包括：

确定模块，用于基于目标语言和目标框架，在配置信息库中确定候选配置信息，所述目标语言和目标框架为与待生成的目标网页相关的语言和框架；

获取模块，用于获取参考图片，所述参考图片为参考网页对应的快照，所述参考网页为与所述目标网页的样式匹配的网页；

识别模块，用于对所述参考图片进行识别，得到所述参考图片对应的参考配置信息；

所述确定模块，还用于基于所述参考图片对应的参考配置信息，在所述候选配置信息中确定目标配置信息，所述目标配置信息用于生成所述目标网页

在一种可能的实现方式中，所述确定模块，用于响应于所述参考配置信息包括参考模板，且所述候选配置信息包括候选模板，基于所述参考模板，在所述候选模板中确定目标模板；将所述目标模板确定为所述目标配置信息；

或，响应于所述参考配置信息中包括参考模板和参考组件，且所述候选配置信息包括候选模板和候选组件，基于所述参考模板，在所述候选模板中确定目标模板；基于所述参考组件，在所述候选组件中确定目标组件；将所述目标模板和所述目标组件确定为所述目标配置信息。

在一种可能的实现方式中，所述确定模块，用于确定所述候选模板和所述参考模板的第一匹配度；将第一匹配度满足第一目标要求的候选模板确定为所述目标模板；

确定所述候选组件和所述参考组件的第二匹配度；将第二匹配度满足第二目标要求的候选组件确定为所述目标组件。

在一种可能的实现方式中，所述识别模块，用于响应于所述参考图片不包括参考组件，对所述参考图片进行识别，得到所述参考图片对应的参考模板，将所述参考模板确定为所述参考配置信息；

或，响应于所述参考图片包括所述参考组件，对所述参考图片进行识别，得到所述参考图片对应的参考模板和所述参考图片包括的参考组件，将所述参考模板和所述参考组件确定为所述参考配置信息。

在一种可能的实现方式中，所述装置还包括：

显示模块，用于显示语言和框架选择页面，所述语言和框架选择页面上显示有可供选择的至少一种语言；

所述确定模块，还用于响应于接收到所述至少一种语言中的任一种语言的选中指令，将被选中的语言确定为目标语言；

所述显示模块，用于显示所述目标语言对应的至少一种框架；

所述确定模块，还用于响应于接收到所述至少一种框架中的任一种框架的选中指令，将被选中的框架确定为目标框架。

在一种可能的实现方式中，所述获取模块，还用于获取多个第一组件和多个第一模板；

所述确定模块，还用于确定各个第一组件对应的语言和框架以及各个第一模板对应的语言和框架；

所述装置还包括：

建立模块，用于基于所述多个第一组件、所述各个第一组件对应的语言和框架、所述多个第一模板和所述各个第一模板对应的语言和框架，建立所述配置信息库。

在一种可能的实现方式中，所述确定模块，还用于响应于所述参考图片中包括参考组件，确定所述参考图片包括的各个参考组件的位置；将与所述参考组件匹配的目标组件的位置确定为所述参考组件的位置；

所述装置还包括：

生成模块，用于基于所述目标组件，所述目标组件的位置和所述目标模板，生成所述目标网页。

另一方面，本申请实施例提供了一种电子设备，所述电子设备包括处理器和存储器，所述存储器中存储有至少一条程序代码，所述至少一条程序代码由所述处理器加载并执行，以使所述电子设备实现上述任一所述的配置信息的获取方法。

另一方面，还提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有至少一条程序代码，所述至少一条程序代码由处理器加载并执行，以使计算机实现上述任一所述的配置信息的获取方法。

另一方面，还提供了一种计算机程序或计算机程序产品，所述计算机程序或计算机程序产品中存储有至少一条计算机指令，所述至少一条计算机指令由处理器加载并执行，以使计算机实现上述任一种配置信息的获取方法。

本申请实施例提供的技术方案至少带来如下有益效果：

本申请实施例提供的技术方案通过确定目标语言和目标框架，在配置信息库中确定候选配置信息，将可选的配置信息的范围缩小，再根据参考图片对应的参考配置信息，在候选配置信息中确定目标配置信息。由于参考图片的样式为满足网页开发者开发需求的样式，因此，基于参考图片来确定目标配置信息，能够提升确定的目标配置信息的准确性，进而使得基于该目标配置信息生成的目标网页的效果较好。而且，该方法无需网页开发者手动搜索，能够提升目标配置信息的确定效率。

附图说明

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

图1是本申请实施例提供的一种配置信息的获取方法的实施环境示意图；

图2是本申请实施例提供的一种配置信息的获取方法的流程图；

图3是本申请实施例提供的一种语言和框架选择页面的示意图；

图4是本申请实施例提供的一种目标网页的示意图；

图5是本申请实施例提供的一种目标网页的示意图；

图6是本申请实施例提供的一种配置信息的获取装置的结构示意图；

图7是本申请实施例提供的一种电子设备的结构示意图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。

图1是本申请实施例提供的一种配置信息的获取方法的实施环境示意图，如图1所示，该实施环境包括：电子设备101。

电子设备101可以是智能手机、游戏主机、台式计算机、平板电脑、电子书阅读器、mp3(movingpictureexpertsgroupaudiolayeriii，动态影像专家压缩标准音频层面3)播放器、mp4(movingpictureexpertsgroupaudiolayeriv，动态影像专家压缩标准音频层面4)播放器和膝上型便携计算机中的至少一种。电子设备101用于执行本申请实施例提供的配置信息的获取方法。

电子设备101可以泛指多个电子设备中的一个，本实施例仅以电子设备101来举例说明。本领域技术人员可以知晓，上述电子设备101的数量可以更多或更少。比如上述电子设备101可以仅为一个，或者上述电子设备101为几十个或几百个，或者更多数量，本申请实施例对电子设备的数量和设备类型不加以限定。

基于上述实施环境，本申请实施例提供了一种配置信息的获取方法，以图2所示的本申请实施例提供的一种配置信息的获取方法的流程图为例，该方法可由图1中的电子设备101执行。如图2所示，该方法包括下述步骤201至步骤204：

在步骤201中，基于目标语言和目标框架，在配置信息库中确定候选配置信息，目标语言和目标框架为与待生成的目标网页相关的语言和框架。

在本申请示例性实施例中，基于目标语言和目标框架，在配置信息库中确定候选配置信息之前，还需要网页开发者先确定目标语言和目标框架，该目标语言和目标框架的确定过程在语言和框架选择页面中进行确定。例如，该目标语言和目标框架的确定过程有如下两种方式：

方式一、显示语言和框架选择页面，该语言和框架选择页面上显示有可供选择的至少一种语言；响应于接收到至少一种语言中的任一种语言的选中指令，将被选中的语言确定为目标语言，显示目标语言对应的至少一种框架；响应于接收到至少一种框架中的任一种框架的选中指令，将被选中的框架确定为目标框架。

在一种可能的实现方式中，电子设备显示语言和框架选择页面之后，由网页开发者在该语言和框架选择页面上显示的可供选择的至少一种语言中选中任一种语言，电子设备接收到该种语言的选中指令后，将被选中的语言确定为目标语言，并且显示该目标语言对应的至少一种框架，由网页开发者在该至少一种框架中选中任一种框架，电子设备接收到该种框架的选中指令后，将该种框架确定为目标框架，也即是，电子设备确定目标语言和目标框架。

如图3所示为本申请实施例提供的一种语言和框架选择页面，在该语言和框架选择页面中显示有可供选择的语言为：第一语言、第二语言和第三语言，网页开发者在三种语言中任意选一种语言，例如，网页开发者选中的语言为第二语言，电子设备接收到第二语言的选中指令之后，在框架处显示第二语言对应的框架：第一框架、第二框架和第三框架，网页开发者在这三种框架中任意选一种框架，例如，网页开发者选中的框架为第三框架。因此，电子设备可以确定目标语言和目标框架分别为：第二语言和第三框架。

方式二、电子设备提供语言输入框和框架输入框，基于网页开发者输入的语言和框架确定目标语言和目标框架。

在一种可能的实现方式中，电子设备显示语言输入框和框架输入框，网页开发者在语言输入框中输入一种语言，在框架输入框中输入一种框架，电子设备将网页开发者输入的语言确定为目标语言，将网页开发者输入的框架确定为目标框架。

需要说明的是，可以选择上述任一种方式确定目标语言和目标框架，本申请实施例对此不加以限定。

在一种可能的实现方式中，基于目标语言和目标框架，在配置信息库中确定候选配置信息之前，还需要建立配置信息库，该配置信息库用于存储配置信息，该配置信息库的建立过程如下：

获取多个第一组件和多个第一模板；确定各个第一组件对应的语言和框架以及各个第一模板对应的语言和框架；基于多个第一组件、各个第一组件对应的语言和框架、多个第一模板和各个第一模板对应的语言和框架，建立配置信息库。

在一种可能的实现方式中，电子设备中存储有多个第一组件和多个第一模板，其中，组件为网页开发所需的部件，包括按钮、弹窗、下拉等部件，模板为网页开发所需的架构。每个第一组件有对应的属性信息，每个第一模板也有对应的属性信息，每个第一组件对应的属性信息包括该第一组件对应的语言和框架，每个第一模板对应的属性信息包括该第一模板对应的语言和框架。通过各个第一组件对应的属性信息，即可确定各个第一组件对应的语言和框架，通过各个第一模板对应的属性信息，即可确定各个第一模板对应的语言和框架。基于多个第一组件、各个第一组件对应的语言和框架、多个第一模板以及各个第一模板对应的语言和框架，建立配置信息库，将相同语言和相同框架的组件和模板存储在一起，便于后续基于目标语言和目标框架，在配置信息库中确定候选配置信息。

示例性地，获取到五个第一组件和五个第一模板，基于各个第一组件的属性信息，确定各个第一组件对应的语言和框架分别为：第一个第一组件对应的语言和框架为第二语言和第三框架；第二个第一组件对应的语言和框架为第一语言和第二框架；第三个第一组件对应的语言和框架为第二语言和第三框架；第四个第一组件对应的语言和框架为第二语言和第三框架；第五个第一组件对应的语言和框架为第二语言和第二框架。基于各个第一模板的属性信息，确定各个第一模板对应的语言和框架分别为：第一个第一模板对应的语言和框架为第二语言和第三框架；第二个第一模板对应的语言和框架为第一语言和第二框架；第三个第一模板对应的语言和框架为第二语言和第三框架；第四个第一模板对应的语言和框架为第二语言和第二框架；第五个第一模板对应的语言和框架为第二语言和第二框架。

基于上述示例性说明，建立如下述表一所示的配置信息库。

表一

基于上述表一，即可确定各个语言和框架对应的配置信息，例如，第一语言和第二框架对应的配置信息为：第二个第一组件、第二个第一模板。其他语言和框架对应的配置信息如上述表一所述，在此不再赘述。

基于上述过程确定目标语言和目标框架，以及建立好配置信息库之后，基于目标语言和目标框架，在配置信息库中确定候选配置信息的过程为：基于目标语言和目标框架，将配置信息库中与目标语言和目标框架对应的配置信息确定为候选配置信息。

示例性地，上述确定的目标语言和目标框架为第二语言和第三框架，基于该目标语言和目标框架，在上述表一所示的配置信息库中确定候选配置信息包括：第一个第一组件、第三个第一组件、第四个第一组件、第一个第一模板、第三个第一模板。

需要说明的是，在建立配置信息库时，获取的第一组件和第一模板的个数为多个，本申请仅以上述几个为例进行举例说明，并不用来限制第一组件和第一模板的个数。且，建立配置信息库时，语言和框架的组合个数也为多个，由于本申请实施例中仅获取了三个组件和三个框架，导致在建立配置信息库时，语言和框架的组合个数较少，但是并不用来限制语言和框架的组合个数，当第一组件和第一模板的个数增多时，配置信息库中包括的配置信息也会更为丰富。

在步骤202中，获取参考图片，参考图片为参考网页对应的快照，参考网页为与目标网页的样式匹配的网页。

在一种可能的实现方式中，网页开发者在浏览参考网页时，如果浏览到某一个参考网页的样式符合网页开发者的喜好，或者某一个参考网页的样式符合网页开发者的开发需求，网页开发者可以获取该参考网页的快照，得到参考网页的快照对应的参考图片，以便于电子设备后续基于参考网页生成与参考网页的样式匹配的目标网页，网页开发者可以基于该参考网页生成与该参考网页的样式一致的目标网页，也可以基于该参考网页生成与该参考网页的样式类似的目标网页。

在一种可能的实现方式中，可以有下述两种方式获取参考图片。

方式一、电子设备在存储空间中获取参考图片。

在一种可能的实现方式中，网页开发者获取到参考网页的快照对应的参考图片之后，可将该参考图片上传至电子设备，在电子设备中存储该参考图片。当电子设备接收到网页开发者开发目标网页的需求时，电子设备从存储空间中获取该参考图片。

方式二、基于网页开发者上传的图片，确定参考图片。

在一种可能的实现方式中，电子设备还提供图片上传入口，该图片上传入口用于网页开发者自主上传图片，电子设备接收到网页开发者上传的图片，将该图片确定为参考图片。

需要说明的是，可以选择上述任一种方式获取参考图片，本申请实施例对此不加以限定。

在步骤203中，对参考图片进行识别，得到参考图片对应的参考配置信息。

在一种可能的实现方式中，对参考图片进行识别，得到参考图片对应的参考配置信息，包括两种情况：

情况一、响应于参考图片不包括参考组件，对参考图片进行识别，得到参考图片对应的参考模板，将参考模板确定为参考配置信息。

示例性地，参考图片对应的参考网页中的每个模块均未配置组件，也即是参考图片不包括参考组件，对参考图片进行识别，得到参考图片对应的参考模板为模板一，将模板一确定为参考配置信息。

情况二、响应于参考图片包括参考组件，对参考图片进行识别，得到参考图片对应的参考模板和参考图片包括的参考组件，将参考模板和参考组件确定为参考配置信息。

示例性地，参考图片对应的参考网页中的每个模块均配置有组件，也即是参考图片包括参考组件，对参考图片进行识别，得到参考图片对应的参考模板为模板一，参考图片包括的参考组件为组件一和组件二。将模板一、组件一和组件二确定为参考配置信息。

在步骤204中，基于参考图片对应的参考配置信息，在候选配置信息中确定目标配置信息，目标配置信息用于生成目标网页。

在一种可能的实现方式中，基于参考图片对应的参考配置信息，在候选配置信息中确定目标配置信息，包括下述两种情况。

第一种情况、响应于参考配置信息包括参考模板，且候选配置信息包括候选模板；基于参考模板，在候选模板中确定目标模板，将目标模板确定为目标配置信息。

在一种可能的实现方式中，基于参考模板，在候选模板中确定目标模板的过程如下：确定候选模板和参考模板的第一匹配度，将第一匹配度满足第一目标要求的候选模板确定为目标模板。

其中，第一匹配度满足第一目标要求的候选模板可以为第一匹配度最大的候选模板，也可以是其他候选模板，本申请实施例对此不加以限定。

示例性地，参考模板为模板一，候选模板包括第一个第一模板和第三个第一模板，确定第一个第一模板和第三个第一模板与模板一的第一匹配度分别为80％、90％。由于第三个第一模板的第一匹配度最大，因此将第三个第一模板确定为目标模板。也即是，目标配置信息为第三个第一模板。

第二种情况、响应于参考配置信息包括参考模板和参考组件，且候选配置信息包括候选模板和候选组件；基于参考模板，在候选模板中确定目标模板；基于参考组件，在候选组件中确定目标组件；将目标模板和目标组件确定为目标配置信息。

在一种可能的实现方式中，基于参考模板，在候选模板中确定目标模板的过程与上述第一种情况中确定目标模板的过程一致，也即是将第三个第一模板确定为目标模板，在此不再赘述。基于参考组件，在候选组件中确定目标组件的过程如下：确定候选组件和参考组件的第二匹配度，将第二匹配度满足第二要求的候选组件确定为目标组件。

其中，第二匹配度满足第二目标要求的候选组件可以为第二匹配度最大的候选组件，也可以是其他候选组件，本申请实施例对此不加以限定。

示例性地，参考组件为组件一和组件二，候选组件包括第一个第一组件、第三个第一组件、第四个第一组件。确定各个参考组件和候选组件之间的第二匹配度分别为：组件一和第一个第一组件的第二匹配度为65％，组件一和第三个第一组件的第二匹配度为80％，组件一和第四个第一组件的第二匹配度为95％；组件二和第一个第一组件的第二匹配度为50％，组件二和第三个第一组件的第二匹配度为90％，组件二和第四个第一组件的第二匹配度为70％。由于组件一和第四个第一组件的第二匹配度最高，组件二和第三个第一组件的第二匹配度最高，因此将第四个第一组件和第三个第一组件确定为目标组件。也即是目标配置信息为第三个第一模板、第四个第一组件和第三个第一组件。

需要说明的是，可以基于上述任一种情况确定目标配置信息，本申请实施例对此不加以限定。

在一种可能的实现方式中，确定出目标配置信息之后，还可以基于目标配置信息生成目标网页。该目标网页的生成过程如下：

响应于参考图片中不包括参考组件，基于参考图片对应的参考模板，确定目标模板，基于目标模板生成目标网页，该目标网页中各个模块中均未配置组件。

如图4所示为本申请实施例提供的一种目标网页的示意图，在该图4中目标模板将网页分为两个部分，每个部分均未配置组件。

响应于参考图片中包括参考组件，确定参考图片包括的各个参考组件的位置；将与参考组件匹配的目标组件的位置确定为参考组件的位置；基于目标组件，目标组件的位置和目标模板，生成目标网页。

在一种可能的实现方式中，在对参考图片进行识别时，还可以确定参考图片中包括的参考组件的位置，如，参考图片包括组件一和组件二，组件一的位置为第一位置，组件二的位置为第二位置。将与参考组件匹配的目标组件的位置确定为参考组件的位置，如第四个第一组件为与组件一匹配的目标组件，因此，将第四个第一组件的位置确定为组件一的位置，也即是将第四个第一组件的位置确定为第一位置。第三个第一组件为与组件二匹配的目标组件，因此，将第三个第一组件的位置确定为组件二的位置，也即是将第三个第一组件的位置确定为第二位置。从而基于目标模板、第四个第一组件、第三个第一组件、第四个第一组件的位置和第三个第一组件的位置，生成目标网页。也即是，将目标网页的架构设置为目标模板对应的架构，将第四个第一组件放置在第四个第一组件对应的位置，第三个第一组件放置在第三个第一组件对应的位置，进而得到目标网页。

如图5所示为本申请实施例提供的一种目标网页的示意图，在该图5中将网页分为两个部分，第一部分配置有第四个第一组件，第二部分配置有第三个第一组件。

在一种可能的实现方式中，基于目标配置信息，生成目标网页之后，还可以显示目标网页，由网页开发者确定目标网页是否满足网页开发者的需求，如果目标网页不满足网页开发者的需求，可以有下述两种方式重新生成目标网页。

方式一、网页开发者重新确定目标语言和目标框架，电子设备基于网页开发者重新确定的目标语言和目标框架，确定候选配置信息，基于候选配置信息和参考图片的参考配置信息，确定目标配置信息，基于目标配置信息生成目标网页。

方式二、网页开发者重新确定参考图片，电子设备基于重新确定的参考图片，确定参考图片对应的参考配置信息，基于参考图片对应的参考配置信息和候选配置信息，确定目标配置信息，基于目标配置信息生成目标网页。

上述方式一中，重新确定目标语言和目标框架的过程与上述步骤201中的过程一致，在此不再赘述。上述方式二中，重新确定参考图片的过程与上述步骤202中的过程一致，在此不再赘述。

需要说明的是，可以选择上述任一种方式重新生成目标网页，直至生成的目标网页满足网页开发者的需求为止。

上述方法通过确定目标语言和目标框架，在配置信息库中确定候选配置信息，将可选的配置信息的范围缩小，再根据参考图片对应的参考配置信息，在候选配置信息中确定目标配置信息。由于参考图片的样式为满足网页开发者开发需求的样式，因此，基于参考图片来确定目标配置信息，能够提升确定的目标配置信息的准确性，进而使得基于该目标配置信息生成的目标网页的效果较好。而且，该方法无需网页开发者手动搜索，能够提升目标配置信息的确定效率。

图6所示为本申请实施例提供的一种配置信息的获取装置的结构示意图，如图6所示，该装置包括：

确定模块601，用于基于目标语言和目标框架，在配置信息库中确定候选配置信息，该目标语言和目标框架为与待生成的目标网页相关的语言和框架；

获取模块602，用于获取参考图片，该参考图片为参考网页对应的快照，该参考网页为与该目标网页的样式匹配的网页；

识别模块603，用于对该参考图片进行识别，得到该参考图片对应的参考配置信息；

该确定模块601，还用于基于该参考图片对应的参考配置信息，在该候选配置信息中确定目标配置信息，该目标配置信息用于生成该目标网页。

在一种可能的实现方式中，该确定模块601，用于响应于该参考配置信息包括参考模板，且该候选配置信息包括候选模板，基于该参考模板，在该候选模板中确定目标模板；将该目标模板确定为该目标配置信息；或，响应于该参考配置信息中包括参考模板和参考组件，且该候选配置信息包括候选模板和候选组件，基于该参考模板，在该候选模板中确定目标模板；基于该参考组件，在该候选组件中确定目标组件；将该目标模板和该目标组件确定为该目标配置信息。

在一种可能的实现方式中，该确定模块601，用于确定该候选模板和该参考模板的第一匹配度；将第一匹配度满足第一目标要求的候选模板确定为该目标模板；确定该候选组件和该参考组件的第二匹配度；将第二匹配度满足第二目标要求的候选组件确定为该目标组件。

在一种可能的实现方式中，该识别模块603，用于响应于该参考图片不包括参考组件，对该参考图片进行识别，得到该参考图片对应的参考模板，将该参考模板确定为该参考配置信息；或，响应于该参考图片包括该参考组件，对该参考图片进行识别，得到该参考图片对应的参考模板和该参考图片包括的参考组件，将该参考模板和该参考组件确定为该参考配置信息。

在一种可能的实现方式中，该装置还包括：

显示模块，用于显示语言和框架选择页面，该语言和框架选择页面上显示有可供选择的至少一种语言；

该确定模块601，还用于响应于接收到该至少一种语言中的任一种语言的选中指令，将被选中的语言确定为目标语言；

该显示模块，用于显示该目标语言对应的至少一种框架；

该确定模块601，还用于响应于接收到该至少一种框架中的任一种框架的选中指令，将被选中的框架确定为目标框架。

在一种可能的实现方式中，该获取模块602，还用于获取多个第一组件和多个第一模板；

该确定模块601，还用于确定各个第一组件对应的语言和框架以及各个第一模板对应的语言和框架；

该装置还包括：

建立模块，用于基于该多个第一组件、该各个第一组件对应的语言和框架、该多个第一模板和该各个第一模板对应的语言和框架，建立该配置信息库。

在一种可能的实现方式中，该确定模块601，还用于响应于该参考图片中包括参考组件，确定该参考图片包括的各个参考组件的位置；将与该参考组件匹配的目标组件的位置确定为该参考组件的位置；

该装置还包括：

生成模块，用于基于该目标组件，该目标组件的位置和该目标模板，生成该目标网页。

上述装置通过确定目标语言和目标框架，在配置信息库中确定候选配置信息，将可选的配置信息的范围缩小，再根据参考图片对应的参考配置信息，在候选配置信息中确定目标配置信息。由于参考图片的样式为满足网页开发者开发需求的样式，因此，基于参考图片来确定目标配置信息，能够提升确定的目标配置信息的准确性，进而使得基于该目标配置信息生成的目标网页的效果较好。而且，该方法无需网页开发者手动搜索，能够提升目标配置信息的确定效率。

应理解的是，上述图6提供的装置在实现其功能时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的装置与方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

图7示出了本申请一个示例性实施例提供的电子设备700的结构框图。该电子设备700可以是便携式移动终端，比如：智能手机、平板电脑、mp3播放器(movingpictureexpertsgroupaudiolayeriii，动态影像专家压缩标准音频层面3)、mp4(movingpictureexpertsgroupaudiolayeriv，动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。电子设备700还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。

通常，电子设备700包括有：处理器701和存储器702。

处理器701可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器701可以采用dsp(digitalsignalprocessing，数字信号处理)、fpga(field－programmablegatearray，现场可编程门阵列)、pla(programmablelogicarray，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器701也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称cpu(centralprocessingunit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器701可以集成有gpu(graphicsprocessingunit，图像处理器)，gpu用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器701还可以包括ai(artificialintelligence，人工智能)处理器，该ai处理器用于处理有关机器学习的计算操作。

存储器702可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器702还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器702中的非暂态的计算机可读存储介质用于存储至少一个指令，该至少一个指令用于被处理器701所执行以实现本申请中方法实施例提供的配置信息的获取方法。

在一些实施例中，电子设备700还可选包括有：外围设备接口703和至少一个外围设备。处理器701、存储器702和外围设备接口703之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口703相连。具体地，外围设备包括：射频电路704、显示屏705、摄像头组件706、音频电路707、定位组件708和电源709中的至少一种。

外围设备接口703可被用于将i/o(input/output，输入/输出)相关的至少一个外围设备连接到处理器701和存储器702。在一些实施例中，处理器701、存储器702和外围设备接口703被集成在同一芯片或电路板上；在一些其他实施例中，处理器701、存储器702和外围设备接口703中的任意一个或两个可以在单独的芯片或电路板上实现，本实施例对此不加以限定。

射频电路704用于接收和发射rf(radiofrequency，射频)信号，也称电磁信号。射频电路704通过电磁信号与通信网络以及其他通信设备进行通信。射频电路704将电信号转换为电磁信号进行发送，或者，将接收到的电磁信号转换为电信号。可选地，射频电路704包括：天线系统、rf收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路704可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于：万维网、城域网、内联网、各代移动通信网络(2g、3g、4g及5g)、无线局域网和/或wifi(wirelessfidelity，无线保真)网络。在一些实施例中，射频电路704还可以包括nfc(nearfieldcommunication，近距离无线通信)有关的电路，本申请对此不加以限定。

显示屏705用于显示ui(userinterface，用户界面)。该ui可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏705是触摸显示屏时，显示屏705还具有采集在显示屏705的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器701进行处理。此时，显示屏705还可以用于提供虚拟按钮和/或虚拟键盘，也称软按钮和/或软键盘。在一些实施例中，显示屏705可以为一个，设置在电子设备700的前面板；在另一些实施例中，显示屏705可以为至少两个，分别设置在电子设备700的不同表面或呈折叠设计；在另一些实施例中，显示屏705可以是柔性显示屏，设置在电子设备700的弯曲表面上或折叠面上。甚至，显示屏705还可以设置成非矩形的不规则图形，也即异形屏。显示屏705可以采用lcd(liquidcrystaldisplay，液晶显示屏)、oled(organiclight-emittingdiode,有机发光二极管)等材质制备。

摄像头组件706用于采集图像或视频。可选地，摄像头组件706包括前置摄像头和后置摄像头。通常，前置摄像头设置在终端的前面板，后置摄像头设置在终端的背面。在一些实施例中，后置摄像头为至少两个，分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种，以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及vr(virtualreality，虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中，摄像头组件706还可以包括闪光灯。闪光灯可以是单色温闪光灯，也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合，可以用于不同色温下的光线补偿。

音频电路707可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波，并将声波转换为电信号输入至处理器701进行处理，或者输入至射频电路704以实现语音通信。出于立体声采集或降噪的目的，麦克风可以为多个，分别设置在电子设备700的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器701或射频电路704的电信号转换为声波。扬声器可以是传统的薄膜扬声器，也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时，不仅可以将电信号转换为人类可听见的声波，也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中，音频电路707还可以包括耳机插孔。

定位组件708用于定位电子设备700的当前地理位置，以实现导航或lbs(locationbasedservice，基于位置的服务)。定位组件708可以是基于美国的gps(globalpositioningsystem，全球定位系统)、中国的北斗系统或俄罗斯的伽利略系统的定位组件。

电源709用于为电子设备700中的各个组件进行供电。电源709可以是交流电、直流电、一次性电池或可充电电池。当电源709包括可充电电池时，该可充电电池可以是有线充电电池或无线充电电池。有线充电电池是通过有线线路充电的电池，无线充电电池是通过无线线圈充电的电池。该可充电电池还可以用于支持快充技术。

在一些实施例中，电子设备700还包括有一个或多个传感器710。该一个或多个传感器710包括但不限于：加速度传感器711、陀螺仪传感器712、压力传感器713、指纹传感器714、光学传感器715以及接近传感器716。

加速度传感器711可以检测以电子设备700建立的坐标系的三个坐标轴上的加速度大小。比如，加速度传感器711可以用于检测重力加速度在三个坐标轴上的分量。处理器701可以根据加速度传感器711采集的重力加速度信号，控制显示屏705以横向视图或纵向视图进行用户界面的显示。加速度传感器711还可以用于游戏或者用户的运动数据的采集。

陀螺仪传感器712可以检测电子设备700的机体方向及转动角度，陀螺仪传感器712可以与加速度传感器711协同采集用户对电子设备700的3d动作。处理器701根据陀螺仪传感器712采集的数据，可以实现如下功能：动作感应(比如根据用户的倾斜操作来改变ui)、拍摄时的图像稳定、游戏控制以及惯性导航。

压力传感器713可以设置在电子设备700的侧边框和/或显示屏705的下层。当压力传感器713设置在电子设备700的侧边框时，可以检测用户对电子设备700的握持信号，由处理器701根据压力传感器713采集的握持信号进行左右手识别或快捷操作。当压力传感器713设置在显示屏705的下层时，由处理器701根据用户对显示屏705的压力操作，实现对ui界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。

指纹传感器714用于采集用户的指纹，由处理器701根据指纹传感器714采集到的指纹识别用户的身份，或者，由指纹传感器714根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时，由处理器701授权该用户执行相关的敏感操作，该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器714可以被设置在电子设备700的正面、背面或侧面。当电子设备700上设置有物理按键或厂商logo时，指纹传感器714可以与物理按键或厂商logo集成在一起。

光学传感器715用于采集环境光强度。在一个实施例中，处理器701可以根据光学传感器715采集的环境光强度，控制显示屏705的显示亮度。具体地，当环境光强度较高时，调高显示屏705的显示亮度；当环境光强度较低时，调低显示屏705的显示亮度。在另一个实施例中，处理器701还可以根据光学传感器715采集的环境光强度，动态调整摄像头组件706的拍摄参数。

接近传感器716，也称距离传感器，通常设置在电子设备700的前面板。接近传感器716用于采集用户与电子设备700的正面之间的距离。在一个实施例中，当接近传感器716检测到用户与电子设备700的正面之间的距离逐渐变小时，由处理器701控制显示屏705从亮屏状态切换为息屏状态；当接近传感器716检测到用户与电子设备700的正面之间的距离逐渐变大时，由处理器701控制显示屏705从息屏状态切换为亮屏状态。

本领域技术人员可以理解，图7中示出的结构并不构成对电子设备700的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。

在示例性实施例中，还提供了一种计算机可读存储介质，该存储介质中存储有至少一条程序代码，该至少一条程序代码由处理器加载并执行，以使计算机实现上述任一种配置信息的获取方法。

可选地，上述计算机可读存储介质可以是只读存储器(read-onlymemory，rom)、随机存取存储器(randomaccessmemory，ram)、只读光盘(compactdiscread-onlymemory，cd-rom)、磁带、软盘和光数据存储设备等。

在示例性实施例中，还提供了一种计算机程序或计算机程序产品，该计算机程序或计算机程序产品中存储有至少一条计算机指令，该至少一条计算机指令由处理器加载并执行，以使计算机实现上述任一种配置信息的获取方法。

应当理解的是，在本文中提及的“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，a和/或b，可以表示：单独存在a，同时存在a和b，单独存在b这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。

上述本申请实施例序号仅仅为了描述，不代表实施例的优劣。

以上所述仅为本申请的示例性实施例，并不用以限制本申请，凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。