CN112231619A - 转换方法、装置、电子设备及存储介质 - Google Patents

Abstract

本申请公开了一种转换方法、电子设备及存储介质，属于计算机技术领域。方法包括：获取第一网页文件，第一网页文件基于第一框架运行；从第一网页文件中，获取第一样式信息，第一样式信息与第一框架对应；根据第一样式信息以及第一框架与第二框架之间的样式转换关系，确定第一样式信息对应的第二样式信息，第二样式信息与第二框架对应；根据第一网页文件和第二样式信息，生成基于第二框架运行的第二网页文件。无需重新编写文件，减少了信息的处理量和网页开发过程中需要投入的人力和物力，缩短了网页开发所耗费的时长，有效提高了网页开发效率，进而提高了设备性能。

Description

转换方法、装置、电子设备及存储介质

技术领域

本申请涉及计算机技术领域，特别涉及一种转换方法、装置、电子设备及存储介质。

背景技术

随着计算机技术的迅速发展，终端也呈现多样化趋势，由于终端的多样性和用户需求的复杂性，在网页开发过程中，技术人员可能会采用不同的框架编写文件，则文件基于对应的框架运行。

相关技术中，采用任一框架编写的文件中，包括网页的展示样式，该文件只能基于该框架运行，从而显示具有该展示样式的网页，若需要基于另一框架显示具有相同展示样式的网页，则需要采用该另一框架重新编写具有该展示样式的文件，然后基于该另一框架运行该文件。然而，重新编写文件需要投入大量的人力和物力，造成开发周期长，开发效率低下。

发明内容

本申请实施例提供了一种转换方法、电子设备及存储介质，能够降低人力和物力的投入，有效缩短开发周期，提高开发效率，进而提高设备性能。该技术方案如下：

一方面，提供了一种转换方法，该方法包括：

获取第一网页文件，所述第一网页文件基于第一框架运行；

从所述第一网页文件中，获取第一样式信息，所述第一样式信息与所述第一框架对应；

根据所述第一样式信息以及所述第一框架与第二框架之间的样式转换关系，确定所述第一样式信息对应的第二样式信息，所述第二样式信息与所述第二框架对应；

根据所述第一网页文件和所述第二样式信息，生成基于所述第二框架运行的第二网页文件。

在一种可能实现方式中，所述从所述第一网页文件，获取第一样式信息，包括：

获取所述第一网页文件对应的第一抽象语法树，所述第一抽象语法树包括多个第一节点，所述第一网页文件包括与每个第一节点对应的子文件；

从所述多个第一节点对应的子文件中，选取属于样式类型的至少一个样式子文件；

从所述至少一个样式子文件中，获取至少一个第一样式信息。

在另一种可能实现方式中，所述从所述至少一个样式子文件中，获取至少一个第一样式信息，包括：

分别获取每个样式子文件对应的第二抽象语法树，所述第二抽象语法树包括多个第二节点，所述样式子文件包括与每个第二节点对应的样式信息；

获取所述多个第二节点对应的样式信息，作为所述第一样式信息。

在另一种可能实现方式中，所述分别获取每个样式子文件对应的第二抽象语法树，包括：

对于所述每个样式子文件，根据所述样式子文件的绝对路径，对所述样式子文件进行逻辑解析处理，得到所述样式子文件对应的第二抽象语法树，所述绝对路径为所述样式子文件在终端中的存储路径。

在另一种可能实现方式中，所述对于所述每个样式子文件，根据所述样式子文件的绝对路径，对所述样式子文件进行逻辑解析处理，得到所述样式子文件对应的第二抽象语法树之前，所述方法还包括：

获取所述样式子文件的相对路径，所述相对路径为所述样式子文件相对于所述第一网页文件的存储路径；

根据所述样式子文件的相对路径和所述第一网页文件在所述终端中的存储路径，获取所述样式子文件的绝对路径。

在另一种可能实现方式中，所述根据所述第一网页文件，获取第一样式信息之后，所述方法还包括：

根据所述第一样式信息，生成样式图，所述样式图包括所述第一样式信息和所述第一网页文件的绝对路径，所述绝对路径为所述第一网页文件在终端中的存储路径；

所述根据所述第一样式信息以及所述第一框架与第二框架之间的样式转换关系，确定所述第一样式信息对应的第二样式信息之前，所述方法还包括：

根据所述第一网页文件的绝对路径查询所述样式图，从所述样式图中获取所述第一样式信息。

在另一种可能实现方式中，所述根据所述第一样式信息，生成样式图，包括：

获取所述第一网页文件中的至少一个样式子文件，每个样式子文件包括样式信息；

分别根据所述每个样式子文件生成样式表，所述样式表包括对应样式子文件中的样式信息；

将生成的至少一个样式表与所述第一网页文件的绝对路径进行关联，得到所述样式图。

在另一种可能实现方式中，所述第一样式信息包括第一样式名称和第一样式内容，所述样式转换关系包括所述第一框架中的第一样式名称与所述第二框架中的第二样式名称之间的转换关系；所述根据所述第一样式信息以及所述第一框架与第二框架之间的样式转换关系，确定所述第一样式信息对应的第二样式信息，包括：

根据所述样式转换关系，获取所述第一样式名称对应的第二样式名称；

将所述第一样式名称对应的第一样式内容分配给对应的第二样式名称，得到所述第二样式信息。

在另一种可能实现方式中，所述样式转换关系包括转换处理方式，所述转换处理方式为将所述第一框架中的第一样式信息转换到所述第二框架中的第二样式信息的处理方式；所述根据所述第一样式信息以及所述第一框架与第二框架之间的样式转换关系，确定所述第一样式信息对应的第二样式信息，还包括：

采用所述转换处理方式，对所述第一样式信息进行样式转换处理，得到所述第二样式信息。

在另一种可能实现方式中，所述采用所述转换处理方式，对所述第一样式信息进行样式转换处理，得到所述第二样式信息，包括：

采用指定转换处理方式，对包括指定样式名称的第一样式信息进行样式转换处理，得到所述第二样式信息。

在另一种可能实现方式中，所述指定转换处理方式包括以下至少一项：

数组转换处理方式，用于在同一样式信息中包括一个样式名称和多个样式内容的情况下，将所述多个样式内容构成一个内容数组；

集合转换处理方式，用于将样式信息转换为多组相互对应的样式名称与样式内容；

色值对象转换处理方式，用于将所述第一框架中的色值样式名称转换为所述第二框架中的色值对象，将所述色值样式名称对应的样式内容分配给所述色值对象；

边界定制处理方式，用于根据所述第一框架中的边界样式名称创建所述第二框架中对应的边界样式名称。

在另一种可能实现方式中，所述根据所述第一网页文件和所述第二样式信息，生成基于所述第二框架运行的第二网页文件之后，所述方法还包括：

基于所述第二框架运行所述第二网页文件，显示第二网页，所述第二网页的展示样式与所述第一网页的展示样式相同。

一方面，提供了一种转换装置，所述装置包括：

网页文件获取模块，用于获取第一网页文件，所述第一网页文件基于第一框架运行；

信息获取模块，用于从所述第一网页文件中，获取第一样式信息，所述第一样式信息与所述第一框架对应；

转换模块，用于根据所述第一样式信息以及所述第一框架与第二框架之间的样式转换关系，确定所述第一样式信息对应的第二样式信息，所述第二样式信息与所述第二框架对应；

网页文件生成模块，用于根据所述第一网页文件和所述第二样式信息，生成基于所述第二框架运行的第二网页文件。

在一种可能实现方式中，所述信息获取模块，包括：

语法树获取单元，用于获取所述第一网页文件对应的第一抽象语法树，所述第一抽象语法树包括多个第一节点，所述第一网页文件包括与每个第一节点对应的子文件；

子文件获取单元，用于从所述多个第一节点对应的子文件中，选取属于样式类型的至少一个样式子文件；

信息获取单元，用于从所述至少一个样式子文件中，获取至少一个第一样式信息。

在另一种可能实现方式中，所述信息获取单元，还用于分别获取每个样式子文件对应的第二抽象语法树，所述第二抽象语法树包括多个第二节点，所述样式子文件包括与每个第二节点对应的样式信息；获取所述多个第二节点对应的样式信息，作为所述第一样式信息。

在另一种可能实现方式中，所述信息获取单元，还用于对于所述每个样式子文件，根据所述样式子文件的绝对路径，对所述样式子文件进行逻辑解析处理，得到所述样式子文件对应的第二抽象语法树，所述绝对路径为所述样式子文件在终端中的存储路径。

在另一种可能实现方式中，所述所述信息获取单元，还用于获取所述样式子文件的相对路径，所述相对路径为所述样式子文件相对于所述第一网页文件的存储路径；根据所述样式子文件的相对路径和所述第一网页文件在所述终端中的存储路径，获取所述样式子文件的绝对路径。

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

样式图生成模块，用于根据所述第一样式信息，生成样式图，所述样式图包括所述第一样式信息和所述第一网页文件的绝对路径，所述绝对路径为所述第一网页文件在终端中的存储路径；

所述装置还包括：

查询模块，用于根据所述第一网页文件的绝对路径查询所述样式图，从所述样式图中获取所述第一样式信息。

在另一种可能实现方式中，所述样式图生成模块，包括：

子文件获取单元，用于获取所述第一网页文件中的至少一个样式子文件，每个样式子文件包括样式信息；

样式表生成单元，用于分别根据所述每个样式子文件生成样式表，所述样式表包括对应样式子文件中的样式信息；

样式图生成单元，用于将生成的至少一个样式表与所述第一网页文件的绝对路径进行关联，得到所述样式图。

在另一种可能实现方式中，所述第一样式信息包括第一样式名称和第一样式内容，所述样式转换关系包括所述第一框架中的第一样式名称与所述第二框架中的第二样式名称之间的转换关系；所述转换模块，包括：

名称获取单元，用于根据所述样式转换关系，获取所述第一样式名称对应的第二样式名称；

信息获取单元，用于将所述第一样式名称对应的第一样式内容分配给对应的第二样式名称，得到所述第二样式信息。

在另一种可能实现方式中，所述所述样式转换关系包括转换处理方式，所述转换处理方式为将所述第一框架中的第一样式信息转换到所述第二框架中的第二样式信息的处理方式；所述转换模块，还包括：

转换单元，用于采用所述转换处理方式，对所述第一样式信息进行样式转换处理，得到所述第二样式信息。

在另一种可能实现方式中，所述转换单元，还用于采用指定转换处理方式，对包括指定样式名称的第一样式信息进行样式转换处理，得到所述第二样式信息。

在另一种可能实现方式中，所述指定转换处理方式包括以下至少一项：

数组转换处理方式，用于在同一样式信息中包括一个样式名称和多个样式内容的情况下，将所述多个样式内容构成一个内容数组；

集合转换处理方式，用于将样式信息转换为多组相互对应的样式名称与样式内容；

色值对象转换处理方式，用于将所述第一框架中的色值样式名称转换为所述第二框架中的色值对象，将所述色值样式名称对应的样式内容分配给所述色值对象；

边界定制处理方式，用于根据所述第一框架中的边界样式名称创建所述第二框架中对应的边界样式名称。

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

运行模块，用于基于所述第二框架运行所述第二网页文件，显示第二网页，所述第二网页的展示样式与所述第一网页的展示样式相同。

一方面，提供了一种电子设备，该计算机设备包括一个或多个处理器和一个或多个存储器，该一个或多个存储器中存储有至少一条指令，该至少一条指令由该一个或多个处理器加载并执行以实现如上述任一种可能实现方式的转换方法所执行的操作。

一方面，提供了一种计算机可读存储介质，该存储介质中存储有至少一条指令，该至少一条指令由处理器加载并执行以实现如上述任一种可能实现方式的转换方法所执行的操作。

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

本申请实施例提供的转换方法、电子设备及存储介质，通过对基于第一框架运行的第一网页文件进行样式转换处理，可以生成基于第二框架运行的第二网页文件，保证了第二网页文件对应的展示样式与第一网页文件对应的展示样式相同，实现了基于不同框架显示相同的网页展示样式的效果，无需基于另一框架重新编写文件，减少了信息的处理量和网页开发过程中需要投入的人力和物力，缩短了网页开发所耗费的时长，有效提高了网页开发效率。

附图说明

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

图1是本申请实施例提供的一种转换方法的流程图；

图2是本申请实施例提供的另一种转换方法的流程图；

图3是本申请实施例提供的一种样式表的示意图；

图4是本申请实施例提供的一种样式图的示意图；

图5是本申请实施例提供的另一种转换方法的流程图；

图6是本申请实施例提供的另一种转换方法的流程图；

图7是本申请实施例提供的一种转换装置的结构示意图；

图8是本申请实施例提供的另一种转换装置的结构示意图；

图9是本申请实施例提供的终端的结构示意图；

图10是本申请实施例提供的服务器的结构示意图。

具体实施方式

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

图1是本申请实施例提供的一种转换方法的流程图，应用于电子设备中，参见图1，该实施例包括：

在101中，获取第一网页文件，第一网页文件基于第一框架运行。

在102中，从第一网页文件中，获取第一样式信息，第一样式信息与第一框架对应。

在103中，根据第一样式信息以及第一框架与第二框架之间的样式转换关系，确定第一样式信息对应的第二样式信息，第二样式信息与第二框架对应。

在104中，根据第一网页文件和第二样式信息，生成基于第二框架运行的第二网页文件。

本申请实施例提供的转换方法，通过对基于第一框架运行的第一网页文件进行样式转换处理，可以生成基于第二框架运行的第二网页文件，保证了第二网页文件对应的展示样式与第一网页文件对应的展示样式相同，实现了基于不同框架显示相同的网页展示样式的效果，无需基于另一框架重新编写文件，减少了信息的处理量和网页开发过程中需要投入的人力和物力，缩短了网页开发所耗费的时长，有效提高了网页开发效率。

在一种可能实现方式中，从第一网页文件，获取第一样式信息，包括：

获取第一网页文件对应的第一抽象语法树，第一抽象语法树包括多个第一节点，第一网页文件包括与每个第一节点对应的子文件；

从多个第一节点对应的子文件中，选取属于样式类型的至少一个样式子文件；

从至少一个样式子文件中，获取至少一个第一样式信息。

在另一种可能实现方式中，从至少一个样式子文件中，获取至少一个第一样式信息，包括：

分别获取每个样式子文件对应的第二抽象语法树，第二抽象语法树包括多个第二节点，样式子文件包括与每个第二节点对应的样式信息；

获取多个第二节点对应的样式信息，作为第一样式信息。

在另一种可能实现方式中，分别获取每个样式子文件对应的第二抽象语法树，包括：

对于每个样式子文件，根据样式子文件的绝对路径，对样式子文件进行逻辑解析处理，得到样式子文件对应的第二抽象语法树，绝对路径为样式子文件在终端中的存储路径。

在另一种可能实现方式中，对于每个样式子文件，根据样式子文件的绝对路径，对样式子文件进行逻辑解析处理，得到样式子文件对应的第二抽象语法树之前，方法还包括：

获取样式子文件的相对路径，相对路径为样式子文件相对于第一网页文件的存储路径；

根据样式子文件的相对路径和第一网页文件在终端中的存储路径，获取样式子文件的绝对路径。

在另一种可能实现方式中，根据第一网页文件，获取第一样式信息之后，方法还包括：

根据第一样式信息，生成样式图，样式图包括第一样式信息和第一网页文件的绝对路径，绝对路径为第一网页文件在终端中的存储路径；

根据第一样式信息以及第一框架与第二框架之间的样式转换关系，确定第一样式信息对应的第二样式信息之前，方法还包括：

根据第一网页文件的绝对路径查询样式图，从样式图中获取第一样式信息。

在另一种可能实现方式中，根据第一样式信息，生成样式图，包括：

获取第一网页文件中的至少一个样式子文件，每个样式子文件包括样式信息；

分别根据每个样式子文件生成样式表，样式表包括对应样式子文件中的样式信息；

将生成的至少一个样式表与第一网页文件的绝对路径进行关联，得到样式图。

在另一种可能实现方式中，第一样式信息包括第一样式名称和第一样式内容，样式转换关系包括第一框架中的第一样式名称与第二框架中的第二样式名称之间的转换关系；根据第一样式信息以及第一框架与第二框架之间的样式转换关系，确定第一样式信息对应的第二样式信息，包括：

根据样式转换关系，获取第一样式名称对应的第二样式名称；

将第一样式名称对应的第一样式内容分配给对应的第二样式名称，得到第二样式信息。

在另一种可能实现方式中，样式转换关系包括转换处理方式，转换处理方式为将第一框架中的第一样式信息转换到第二框架中的第二样式信息的处理方式；根据第一样式信息以及第一框架与第二框架之间的样式转换关系，确定第一样式信息对应的第二样式信息，还包括：

采用转换处理方式，对第一样式信息进行样式转换处理，得到第二样式信息。

在另一种可能实现方式中，采用转换处理方式，对第一样式信息进行样式转换处理，得到第二样式信息，包括：

采用指定转换处理方式，对包括指定样式名称的第一样式信息进行样式转换处理，得到第二样式信息。

在另一种可能实现方式中，指定转换处理方式包括以下至少一项：

数组转换处理方式，用于在同一样式信息中包括一个样式名称和多个样式内容的情况下，将多个样式内容构成一个内容数组；

集合转换处理方式，用于将样式信息转换为多组相互对应的样式名称与样式内容；

色值对象转换处理方式，用于将第一框架中的色值样式名称转换为第二框架中的色值对象，将色值样式名称对应的样式内容分配给色值对象；

边界定制处理方式，用于根据第一框架中的边界样式名称创建第二框架中对应的边界样式名称。

在另一种可能实现方式中，根据第一网页文件和第二样式信息，生成基于第二框架运行的第二网页文件之后，方法还包括：

基于第二框架运行第二网页文件，显示第二网页，第二网页的展示样式与第一网页的展示样式相同。

随着计算机技术和前端技术的不断发展，提供了网页开发的功能，但是由于终端不断向多样性发展，用户的需求也日益复杂，因此在网页开发过程中，技术人员可能会采用不同的框架编写文件，基于对应的框架运行文件，可以实现基于不同框架下的网页开发。

网页的显示效果包括展示样式，不同的展示样式用于描述网页不同的显示效果，展示样式可以包括网页的颜色样式、边界样式、尺寸样式、内边距样式、外边距样式、位置样式、布局样式、排列方向样式等，还可以包括其他样式。相关技术中，为了基于不同框架实现相同的展示样式，只能分别采用不同的框架编写文件，分别基于各自对应的框架运行，显示各自对应的网页。因此，本申请实施例提供了一种转换方法，能够将基于任一框架编写的文件进行转换，得到基于另一框架运行的网页文件，无需基于该另一框架重新编写文件，有效缩短了开发周期，提高了开发效率，具体过程参见下述实施例。

图2是本申请实施例提供的一种转换方法的流程图，参见图2，该实施例应用于电子设备，该实施例包括：

201、获取第一网页文件。

本申请实施例以第一框架为例，对该第一框架对应的第一网页文件转换为能够基于其他框架运行的网页文件的过程进行说明。第一网页文件基于第一框架运行。

电子设备首先获取第一网页文件，该第一网页文件用于展示第一网页，即该第一网页为基于第一框架运行第一网页文件后显示的网页，该第一网页文件中包括至少一个展示样式，不同的展示样式用于描述第一网页在不同维度上的展示效果。

其中，展示样式可以包括内边距样式、外边距样式、位置样式、颜色样式、排列方向样式、边界样式或尺寸样式中的至少一个，还可以包括其他样式。内边距样式用于描述第一网页在内边距维度上的展示效果，包括上、下、左、右四个方向上的内边距的宽度；外边距样式用于描述第一网页在外边距维度上的展示效果，包括上、下、左、右四个方向上的外边距的宽度；位置样式用于描述第一网页中各个样式的位置展示效果；颜色样式用于描述第一网页在颜色维度上的展示效果；方向样式用于描述第一网页中各个展示样式在排列方向维度上的展示效果；边界样式用于描述第一网页在边界维度上的展示效果；尺寸样式用于描述第一网页在尺寸维度上的展示效果。

本申请实施例中的电子设备可以是终端，也可以是服务器。终端可以为手机、个人电脑、平板电脑等多种类型的设备。服务器可以是一台服务器，或者由若干台服务器组成的服务器集群，或者是一个云计算服务器中心，本申请实施例对此不做具体限定。

在电子设备为终端的情况下，终端获取第一网页文件的方式可以为，终端可以直接从本地获取已存储的第一网页文件，也可以从其他设备获取第一网页文件，该其他设备可以为其他终端或服务器。

在电子设备为服务器的情况下，服务器获取第一网页文件的方式可以为，一个或多个终端上传至服务器，也可以是第一网页文件的开发者提供给维护人员，由维护人员存储至服务器，或者由其他设备发送至服务器。

其中，终端向服务器上传第一网页文件时，终端可以实时向服务器发送，也可以每隔预设时长向服务器发送一次，可以主动在获取到第一网页文件时向服务器发送，也可以是在接收到服务器发送的获取请求时向服务器发送，在此不做具体限定。

在一种可能实现方式中，电子设备首先获取到第一网页对应的原始文件，然后根据该原始文件，获取第一网页文件。其中，获取方式可以为对该原始文件进行格式转换处理，得到第一网页文件，或者直接从该原始文件中提取出第一网页文件，还可以采用其他获取方式，本申请实施例对此不作具体限制。

202、从第一网页文件中，获取第一样式信息。

第一网页文件用于描述第一网页，包括第一网页的展示样式、展示内容、页面切换关系或跳转关系，还可以包括其他信息。为了后续能够获取相同的展示样式，还能够减少处理量，在获取到第一网页文件后，电子设备从第一网页文件中获取第一样式信息，该第一样式信息与第一框架对应，用于描述第一网页的展示样式。

在一种可能实现方式中，第一网页文件具有对应的第一抽象语法树，该第一抽象语法树包括多个第一节点，每个第一节点具有对应的子文件，第一网页文件包括与每个第一节点对应的子文件，每个子文件具有所属的文件类型，该文件类型可以为样式类型、内容类型、切换关系类型或跳转类型等，还可以包括其他文件类型。因此，从第一网页文件中，获取第一样式信息的过程，包括：电子设备首先获取第一网页文件对应的第一抽象语法树，然后电子设备从该多个第一节点对应的子文件中，选取属于样式类型的至少一个子文件作为样式子文件，从至少一个样式子文件中，获取至少一个第一样式信息。

其中，第一抽象语法树用于描述第一网页文件包含的逻辑关系，因此在一种可能实现方式中，获取第一网页文件对应的第一抽象语法树的过程，包括：对第一网页文件进行逻辑解析处理，得到该第一抽象语法树。

在另一种可能实现方式中，每个子文件具有对应的第二抽象语法树，第二抽象语法树包括多个第二节点，每个第二节点具有对应的信息，子文件包括与每个第二节点对应的信息。文件类型不同的子文件对应的第二抽象语法树中，包括的第二节点也属于不同的节点类型，因此节点类型可以为样式节点类型、内容节点类型、切换关系节点类型或跳转节点类型，还可以包括其他节点类型，而样式子文件对应的第二节点所述的节点类型为样式节点类型。另外，不同节点类型的第二节点对应的信息也不同，节点类型为样式节点类型的第二节点对应的信息为样式信息，样式子文件包括与每个第二节点对应的样式信息。

因此，从至少一个样式子文件中，获取至少一个第一样式信息的过程，包括：对于每个样式子文件，电子设备分别获取该每个样式子文件对应的第二抽象语法树，获取该第二抽象语法树中多个第二节点对应的样式信息，作为第一样式信息。

其中，第二抽象语法树用于描述对应子文件包含的逻辑关系，在一种可能实现方式中，分别获取每个样式子文件对应的第二抽象语法树的过程，包括：对于每个样式子文件，电子设备获取该样式子文件的绝对路径，根据该样式子文件的绝对路径，对该样式子文件进行逻辑解析处理，得到该样式子文件对应的第二抽象语法树。其中，样式子文件的绝对路径为样式子文件在终端中的存储路径。

关于获取样式子文件的绝对路径的过程，在一种可能实现方式中，对于每个样式子文件，根据样式子文件的绝对路径，对样式子文件进行逻辑解析处理，得到样式子文件对应的第二抽象语法树之前，电子设备先获取该样式子文件的相对路径和第一网页文件在终端中的存储路径，然后根据该样式子文件的相对路径和第一网页文件在终端中的存储路径，获取样式子文件的绝对路径。

其中，样式子文件的相对路径为样式子文件相对于第一网页文件的存储路径。

由于本申请实施例中，通过样式子文件获取到的是用于描述第一网页的展示样式的第一样式信息，后续是基于该第一样式信息进行样式信息转换的，因此对于第一网页文件中直接包括样式信息的情况，也可以进行样式信息的转换，也即是，本申请实施例提供的方法，不仅支持基于样式子文件的样式信息转换，也支持直接基于任一单独存在的样式信息的样式信息转换，自定义化程度高，能够进一步提高网页开发效率。

203、根据第一样式信息，生成样式图。

获取到第一样式信息后，先将该第一样式信息存储于电子设备中，后续需要进行样式转换时，将已存储的第一样式信息取出，进行样式转换。因此，本申请实施例中，获取到第一样式信息后，根据该第一样式信息生成样式图，该样式图包括该第一样式信息和第一网页文件的绝对路径。后续，可以根据第一网页文件的绝对路径，获取第一样式信息。其中，第一网页文件的绝对路径为第一网页文件在终端中的存储路径。

在一种可能实现方式中，根据第一样式信息，生成样式图的过程，包括：电子设备获取第一网页文件中的至少一个样式子文件，每个样式子文件包括样式信息，分别根据每个样式子文件生成样式表，该样式表中包括对应样式子文件中的样式信息，然后将生成的至少一个样式表与第一网页文件的绝对路径进行关联，得到样式图。

获取至少一个样式子文件的过程与步骤202中获取样式子文件的过程类似，也即是根据第一样式信息，生成样式图的过程，包括：电子设备获取第一网页文件对应的第一抽象语法树，从该第一抽象语法树的多个第一节点各自对应的子文件中，选择至少一个样式子文件，对于每个样式子文件，根据该样式子文件的相对路径获取对应的绝对路径，根据该绝对路径对该样式子文件进行逻辑解析处理，得到该样式子文件对应的第二抽象语法树，然后获取该第二抽象语法树的多个第二节点各自对应的样式信息，作为该样式子文件对应的第一样式信息，根据该第一样式信息，生成该样式子文件对应的样式表。对于至少一个样式子文件，可以生成至少一个样式表，将该至少一个样式表和获取到的第一网页文件的绝对路径进行关联，得到第一网页文件对应的样式图。后续，可以根据第一网页文件的绝对路径查询到该样式图。

例如，参见图3和图4，第一网页文件包括多个样式子文件，对于样式子文件1，获取到N个第一样式信息，分别为相互对应的样式名称1和样式内容1、样式名称2和样式内容2，……，样式名称N和样式内容N，样式且样式内容1包括内容1-1、内容1-2和内容1-3，样式内容2包括内容2-1和内容2-2，……，样式内容N包括内容N-1和内容N-2。对于其他样式子文件，同理也可以获取多个相互对应的样式名称和样式内容。分别根据每个样式子文件，生成对应的样式表，样式子文件1对应的样式表1如图3所示。样式子文件2至样式子文件N对应的样式表分别为样式表2和样式表N。根据第一网页文件的绝对路径和多个样式子文件各自的样式表，生成样式图，且每个样式表存储在该样式图中的不同路径下，生成的第一网页文件的样式图如图4所示。,样式表1的存储路径为路径1，样式表2的存储路径为路径2，样式表N的存储路径为路径N。后续可以根据第一网页文件的绝对路径查询样式图，根据样式表的存储路径查询到对应的样式表，获取该样式表中的样式信息。

其中，样式子文件1对应的样式表为“样式表1：{样式1：{样式名称1：内容1-1，内容1-2，内容1-3}，样式2：{样式名称2：内容2-1，内容2-2}，……，样式N：{样式名称N：内容N-1}}”，第一网页文件的样式图为“样式图：{绝对路径：{样式1：{样式名称1：内容1-1，内容1-2，内容1-3}，样式2：{样式名称2：内容2-1，内容2-2}，……，样式N：{样式名称N：内容N-1，内容N-2}}}”。

204、根据第一网页文件的绝对路径查询样式图，从样式图中获取第一样式信息。

在电子设备需要对第一网页文件进行样式转换的情况下，根据第一网页文件的绝对路径进行查询，获取第一网页文件对应的样式图，然后从该样式图中获取用于表示第一网页的展示样式的第一样式信息。

本申请实施例仅是针对第一网页文件进行样式转换，在另一种可能实现方式中，还可以针对多个网页文件进行样式转换，为了防止多个网页文件在进行样式转换时造成混乱，该多个网页文件的绝对路径不同，根据每个网页文件生成的样式图各自的保存路径也不同，后续希望对任一网页文件进行样式转换时，根据该任一网页文件的绝对路径进行查询，即可得到该任一网页文件对应的样式图。

在一种可能实现方式中，在第一样式信息的数量为多个的情况下，获取该多个第一样式信息中每个第一样式信息包括的第一样式名称，将该多个第一样式名称组合，生成样式名称队列。后续，响应于样式转换指令，从该样式名称队列中依次取出第一样式名称，从样式图中获取包括多个第一样式信息的样式表，从该样式表中，依次获取与每个第一样式名称对应的第一样式内容。

205、根据第一样式信息以及第一框架与第二框架之间的样式转换关系，确定第一样式信息对应的第二样式信息。

本申请实施例中，对基于第一框架建立的第一网页文件，转换为能够基于第二框架运行的网页文件的过程进行说明。因此，获取到待转换的第一样式信息后，电子设备获取第一框架与第二框架之间的样式转换关系，根据第一样式信息和该样式转换关系，确定第一样式信息对应的第二样式信息，该第二样式信息与第二框架对应。

在一种可能实现方式中，第一样式信息包括第一样式名称和第一样式内容，该第一样式名称和第一样式内容相互对应，第一框架与第二框架之间的样式转换关系包括第一框架中的第一样式名称与第二框架中的第二样式名称之间的转换关系。因此，根据第一样式信息以及第一框架与第二框架之间的样式转换关系，确定第一样式信息对应的第二样式信息的过程，包括：电子设备根据样式转换关系，获取第一样式名称对应的第二样式名称，然后将第一样式名称对应的第一样式内容分配给对应的第二样式名称，作为第二样式内容，得到第二样式信息，该第二样式信息包括第二样式名称和第二样式内容。

在第一样式信息的数量为多个的情况下，电子设备分别根据每个第一样式信息和该样式转换关系，确定每个第一样式信息对应的第二样式信息，具体过程为：对于每个第一样式信息，电子设备获取该第一样式信息中包括的第一样式名称，根据该第一样式名称和样式转换关系，获取该第一样式名称对应的第二样式名称，进而通过将第一样式内容分配给第二样式名称，得到第二样式信息，根据该多个第一样式信息和样式转换关系，可以得到多个第二样式信息，该多个第二样式信息均与第二框架对应。

在另一种可能实现方式中，样式转换关系为样式映射表，该样式映射表中包括第一框架中的第一名称与第二框架中的第二名称之间的映射关系，该第一名称不仅包括第一框架中的样式名称，还可以内容名称、切换关系名称或跳转名称、时间名称等，还可以包括其他类型的名称。该第二名称不仅包括第二框架中的样式名称，还可以内容名称、切换关系名称或跳转名称、时间名称等，还可以包括其他类型的名称。获取到该样式映射表后，对于第一框架中的任一第一样式名称，均可以根据该样式映射表获取对应的第二样式名称，进而对第一样式信息进行转换，得到对应的第二样式信息。

在一种可能实现方式中，样式转换关系包括转换处理方式，该转换处理方式为将第一框架中的第一样式信息转换到第二框架中的第二样式信息的处理方式。因此，根据第一样式信息以及第一框架与第二框架之间的样式转换关系，确定第一样式信息对应的第二样式信息，还包括：电子设备采用转换处理方式，对第一样式信息进行样式转换处理，得到第二样式信息。

在另一种可能实现方式中，不同的第一样式信息对应的转换处理方式可以不同，此时，对于任一第一样式信息，可以采用该第一样式信息对应的转换处理方式进行样式转换处理。对于指定的第一样式信息，可以采用指定转换处理方式进行样式转换处理。其中，指定的第一样式信息为包括的第一样式名称为指定样式名称的第一样式信息。因此，采用转换处理方式，对第一样式信息进行样式转换处理，得到第二样式信息的过程，包括：电子设备采用指定转换处理方式，对包括指定样式名称的第一样式信息进行样式转换处理，得到第二样式信息。

指定转换处理方式可以包括一种或多种，指定转换处理方式的数量为多个的情况下，不同的指定转换处理方式用于转换不同的第一样式信息。在一种可能实现方式中，指定转换处理方式包括以下至少一项：

(1)数组转换处理方式，用于在同一样式信息中包括一个样式名称和多个样式内容的情况下，将多个样式内容构成一个内容数组。

例如，第一样式信息包括样式名称A和样式内容1、样式内容2和样式内容3，这3个样式内容用于从不同维度描述该样式名称A。对于该第一样式信息，采用数组转换处理方式，获取该样式名称A在第二框架中对应的样式名称B，将样式内容1、样式内容2和样式内容3构成一个内容数组，将该内容数组分配给样式名称B，样式名称B和内容数组共同构成与第一样式信息对应的第二样式信息。

(2)集合转换处理方式，用于将样式信息转换为多组相互对应的样式名称与样式内容。

例如，第一样式信息包括名称信息和内容信息，名称信息包括样式名称A、样式名称B和样式名称C，内容信息包括样式内容1、样式内容2和样式内容3，且样式名称A与样式内容1对应，样式名称B与样式内容2对应，样式名称C与样式内容3对应。对于该第一样式信息，采用集合转换处理方式，生成3个第二样式信息，第一个第二样式信息包括样式名称A和样式内容1，第二个第二样式信息包括样式名称B和样式内容2，第三个第二样式信息包括样式名称C和样式内容3，这3个第二样式信息均与第一样式信息对应。

(3)色值对象转换处理方式，用于将第一框架中的色值样式名称转换为第二框架中的色值对象，将色值样式名称对应的样式内容分配给色值对象。

例如，第一样式信息用于描述第一网页的色值展示效果，第一样式信息中包括的第一样式名称为色值样式名称，而第二框架中用于描述网页色值展示效果的样式为色值对象。因此，对于第一样式信息，采用色值对象转换处理方式，将该色值样式名称转换为第二框架中的色值对象，将第一样式信息中包括的第一样式内容分配给该色值对象，该色值对象和分配给该色值对象的样式内容，共同构成第一样式信息对应的第二样式信息。

(4)边界定制处理方式，用于根据第一框架中的边界样式名称创建第二框架中对应的边界样式名称。

例如，第一样式信息用于描述第一网页的边界展示效果，第一样式信息中包括的第一样式名称为边界样式名称，而第二框架中没有用于描述网页边界展示效果的样式。因此，对于第一样式信息，采用边界定制处理方式，根据第一框架中的边界样式名称，创建第二框架中对应的边界样式名称，将第一样式信息中包括的第一样式内容分配给第二框架中对应的边界样式名称，该第二框架中的边界样式名称以及分配给该边界样式名称的样式信息，共同构成了第一样式信息对应的第二样式信息。

在另一种可能实现方式中，对于描述同一样式的样式信息，至少包括以下情况：

(1)第一框架中该样式的样式名称与第二框架中该样式的样式名称不对应，但第一框架中该样式的样式内容的格式与第二框架中该样式的格式对应。

(2)第一框架中该样式的样式名称与第二框架中该样式的样式名称对应，但第一框架中该样式的样式内容的格式与第二框架中该样式的格式不对应。

(3)第一框架中该样式的样式名称与第二框架中该样式的样式名称不对应，且第一框架中该样式的样式内容的格式与第二框架中该样式的格式也不对应。

对于第一种情况，可以按照上述方式，将第一样式信息中的第一样式名称先进行转换，得到对应的第二样式名称，然后将第一样式内容直接分配给对应的第二样式名称即可。

对于第二种情况，直接获取第二框架中与第一样式名称对应的第二样式名称，然后将第一样式内容进行格式转换，得到与第二框架格式相互匹配的第二样式内容。

对于第三种情况，可以先按照上述方式，将第一样式信息中的第一样式名称先进行转换，得到对应的第二样式名称，然后再将第一样式内容进行格式转换，得到与第二框架格式相互匹配的第二样式内容。

需要说明的是，在第一样式信息的数量为多个的情况下，对该多个第一样式信息进行样式转换时，可以仅采用样式映射表的形式进行样式转换，也可以仅采用转换处理方式进行样式转换，还可以采用其他样式转换关系进行样式转换，或者，还可以将以上多种方式进行组合，共同实现多个第一样式信息的样式转换。

另外，本申请实施例仅是以第一框架中的第一样式信息转换为第二框架中的第二样式信息为例，存在多个用于开发网页的框架，任两个框架之间进行样式转换时，都需要基于与这两个框架均对应的样式转换关系进行。因此，在另一种可能实现方式中，将任一框架的样式信息转换为任一其他框架中的样式信息时，需要获取这两个框架之间的样式转换关系，例如这两个框架之间的样式映射表、转换处理方式等样式转换关系中的至少一个，以便将在这两个框架之间进行样式信息的转换。

206、根据第一网页文件和第二样式信息，生成基于第二框架运行的第二网页文件。

获取到第二样本信息后，电子设备根据第一网页文件和该第二样本信息，生成第二网页文件，该第二网页文件与第二框架对应，后续能够基于该第二框架运行，显示与该第二网页文件对应的网页。

由于第一网页文件中不仅包括样式信息，还可以包括内容信息、页面切换关系信息或跳转信息等，因此根据第一网页文件和第二样式信息生成第二网页文件的过程，不仅包括样式信息的转换，还包括其他类型信息的转换，对于基于第一框架和第二框架均能运行的信息，直接由第一网页文件迁移至第二网页文件对应位置即可，对于无法基于第一框架和第二框架均运行的信息，还需要针对该类型的信息在两个框架之间进行转换，本申请实施例对此不作过多描述。

对于第一网页文件而言，通过一次样式转换，即可生成对应的第二网页文件，该第二网页文件能够直接基于第二框架运行，无需再进行其他处理，方便快捷，缩短了网页开发时长，提高了网页开发效率。并且，第一网页文件中可以包括多个样式子文件，因此本申请实施例提供的方法，还支持多样式子文件的处理，进一步提高了网页开发效率。

207、基于第二框架运行第二网页文件，显示第二网页。

由于第二样本信息是根据第一样本信息进行样式转换处理后得到的，因此基于第二样式信息生成的第二网页文件与第一网页文件也对应。电子设备获取到第二网页文件后，基于第二框架运行该第二网页文件，显示第二网页，该第二网页的展示样式与第一网页的展示样式相同。

由于对第一样本信息进行样本信息转换时，还将第一样本信息包括的第一样本内容分配给了第一样本名称对应的第二样本名称，因此第一网页和第二网页不仅展示样式相互对应，并且每个展示样式的颜色、尺寸、位置、在界面中的内边距和外边距等显示效果也完全一样。实现了基于不同框架显示相同的展示样式的效果。

在一种可能实现方式中，第一框架和第二框架均包括组件，通过组件对各种类型的信息进行封装。基于第一框架运行第一网页文件时，通过第一框架中的第一组件，实现第一网页文件中包含的信息在第一网页中的功能展示或样式展示。基于第二框架运行第二网页文件时，通过第二框架中的第二组件，实现第二网页文件包含的信息在第一网页中的功能展示或样式展示。其中，样式信息也具有对应的样式组件，样式组件是由样式信息进行封装得到的，基于第一框架运行第一网页文件时，可以基于第一样式信息对应的第一样式组件，在第一网页上显示对应的展示样式。基于第二框架运行第二网页文件时，可以基于第二样式信息对应的第二样式组件，在第二网页上显示对应的展示样式。

基于第二框架运行第二网页文件，显示第二网页的过程，实质上是将第二网页文件中的第二样式信息与对应的第二样式组件进行关联，通过该第二样式组件，实现显示第二网页的效果。本申请实施例中，在第二样式信息是根据第一样式信息转换而成的情况下，第一网页的展示样式相同和第二网页中的展示样式相同，呈现相同的视觉效果。

本申请实施例提供的转换方法，通过对基于第一框架运行的第一网页文件进行样式转换处理，可以生成基于第二框架运行的第二网页文件，保证了第二网页文件对应的展示样式与第一网页文件对应的展示样式相同，实现了基于不同框架显示相同的网页展示样式的效果，无需基于另一框架重新编写文件，减少了信息的处理量和网页开发过程中需要投入的人力和物力，缩短了网页开发所耗费的时长，有效提高了网页开发效率。

另外，后续响应于样式修改指令对网页进行样式修改时，基于第一框架运行的第一网页文件进行样式修改，将修改后的第一网页文件中的样式信息再次进行样式转换处理，生成各个框架对应的网页文件即可，无需逐一修改基于各个框架运行的网页文件，缩短了网页后期维护所耗费的时长，有效提高了网页的后期维护效率。

根据上述实施例提供的方法，对转换样式信息的过程进行说明，参见图5和图6，该过程应用于电子设备，包括：

1、获取第一网页对应的原始文件。

2、对该原始文件进行格式转换处理，得到第一网页文件。

该第一网页文件基于第一框架运行。

3、对第一网页文件进行逻辑分析处理，得到该第一网页文件对应的第一抽象语法树。

该第一抽象语法树包括多个第一节点，每个第一节点具有对应的子文件，第一网页文件包括与每个第一节点对应的子文件，每个子文件具有文件类型。

4、遍历该多个第一节点，从多个子文件中，选取文件类型属于样式类型的至少一个子文件，得到至少一个样式子文件。

5、对于每个样式子文件，获取该样式子文件的相对路径。

6、根据该样式子文件的相对路径，获取对应的绝对路径。

7、根据该样式子文件的绝对路径，对该样式子文件进行逻辑分析处理，得到该样式子文件对应的第二抽象语法树。

该第二抽象语法树包括多个第二节点，每个第二节点具有对应的样式信息，该样式子文件包括与每个第二节点对应的样式信息。每个样式信息包括相互对应的样式名称和样式内容。

8、获取该第二抽象语法树中多个第二节点对应的样式信息，作为该样式子文件对应的多个第一样式信息。

9、根据该多个第一样式信息，生成对应样式子文件的样式表。

10、将多个样式子文件各自对应的样式表融合后，与第一网页文件的绝对路径进行关联，得到第一网页文件对应的第一样式图。

11、根据第一网页文件的绝对路径进行查询，得到第一网页文件对应的第一样式图。

12、从该第一样式图中获取多个第一样式信息。

13、对于每个第一样式信息，根据该第一样式信息中包括的第一样式名称以及第一框架与第二框架之间的样式映射表，确定该第一样式名称对应的第二样式名称。

14、将该第一样式信息中的第一样式内容分配给对应的第二样式名称，得到第二样式信息。

其中，分配给第二样式名称的样式内容为第二样式内容，该第二样式名称和该第二样式内容共同构成第二样式信息。

15、根据第一网页文件和获取到的多个第二样式信息，生成第二网页文件。

该第二网页文件基于第二框架运行。

16、基于第二框架运行该第二网页文件，显示第二网页。

该第二网页的展示样式与第一网页的展示样式相同。

本申请实施例提供的转换方法，可以应用于互联网领域中网页开发场景中，以将基于react框架开发的第一网页文件进行样式转换处理，得到基于flutter框架运行的第二网页文件为例，对样式转换的过程进行说明。其中，react框架和flutter框架分别为不同的网页开发框架，且分别应用于不同的终端操作系统，react框架支持样式文件的使用，而flutter框架中不支持样式文件的使用，直接由框架中的独立属性体现，因此基于react框架开发的网页文件和基于flutter框架开发的网页文件不能应用于同一终端操作系统上。如果希望在不同操作系统的终端运行显示相同展示样式的网页，需要进行样式信息的转换。本申请实施例中，对于基于react框架编写的第一网页文件，通过样式转换，得到能够基于flutter框架运行的第二网页文件。

将基于react框架编写的第一网页文件，通过样式转换，得到能够基于flutter框架运行的第二网页文件的过程，与图5所示过程类似，在此不再赘述，该过程获取到的第二网页文件能够基于flutter框架运行，也即是能够应用于与react框架不同的终端操作系统上，实现无需重新编写文件即可在操作系统不同的终端上显示相同展示样式的网页的效果。

图7是本申请实施例提供的一种转换装置的结构图。参见图7，该装置包括：网页文件获取模块701、信息获取模块702、转换模块703和网页文件生成模块704。

网页文件获取模块701，用于获取第一网页文件，第一网页文件基于第一框架运行；

信息获取模块702，用于从第一网页文件中，获取第一样式信息，第一样式信息与第一框架对应；

转换模块703，用于根据第一样式信息以及第一框架与第二框架之间的样式转换关系，确定第一样式信息对应的第二样式信息，第二样式信息与第二框架对应；

网页文件生成模块704，用于根据第一网页文件和第二样式信息，生成基于第二框架运行的第二网页文件。

在一种可能实现方式中，参见图8，信息获取模块702，包括：

语法树获取单元7021，用于获取第一网页文件对应的第一抽象语法树，第一抽象语法树包括多个第一节点，第一网页文件包括与每个第一节点对应的子文件；

子文件获取单元7022，用于从多个第一节点对应的子文件中，选取属于样式类型的至少一个样式子文件；

信息获取单元7023，用于从至少一个样式子文件中，获取至少一个第一样式信息。

在另一种可能实现方式中，参见图8，信息获取单元7023，还用于分别获取每个样式子文件对应的第二抽象语法树，第二抽象语法树包括多个第二节点，样式子文件包括与每个第二节点对应的样式信息；获取多个第二节点对应的样式信息，作为第一样式信息。

在另一种可能实现方式中，参见图8，信息获取单元7023，还用于对于每个样式子文件，根据样式子文件的绝对路径，对样式子文件进行逻辑解析处理，得到样式子文件对应的第二抽象语法树，绝对路径为样式子文件在终端中的存储路径。

在另一种可能实现方式中，参见图8，信息获取单元7023，还用于获取样式子文件的相对路径，相对路径为样式子文件相对于第一网页文件的存储路径；根据样式子文件的相对路径和第一网页文件在终端中的存储路径，获取样式子文件的绝对路径。

在另一种可能实现方式中，参见图8，装置还包括：

样式图生成模块705，用于根据第一样式信息，生成样式图，样式图包括第一样式信息和第一网页文件的绝对路径，绝对路径为第一网页文件在终端中的存储路径；

装置还包括：

查询模块706，用于根据第一网页文件的绝对路径查询样式图，从样式图中获取第一样式信息。

在另一种可能实现方式中，参见图8，样式图生成模块705，包括：

子文件获取单元7051，用于获取第一网页文件中的至少一个样式子文件，每个样式子文件包括样式信息；

样式表生成单元7052，用于分别根据每个样式子文件生成样式表，样式表包括对应样式子文件中的样式信息；

样式图生成单元7053，用于将生成的至少一个样式表与第一网页文件的绝对路径进行关联，得到样式图。

在另一种可能实现方式中，参见图8，第一样式信息包括第一样式名称和第一样式内容，样式转换关系包括第一框架中的第一样式名称与第二框架中的第二样式名称之间的转换关系；转换模块703，包括：

名称获取单元7031，用于根据样式转换关系，获取第一样式名称对应的第二样式名称；

信息获取单元7032，用于将第一样式名称对应的第一样式内容分配给对应的第二样式名称，得到第二样式信息。

在另一种可能实现方式中，参见图8，样式转换关系包括转换处理方式，转换处理方式为将第一框架中的第一样式信息转换到第二框架中的第二样式信息的处理方式；转换模块703，还包括：

转换单元7033，用于采用转换处理方式，对第一样式信息进行样式转换处理，得到第二样式信息。

在另一种可能实现方式中，参见图8，转换单元7033，还用于采用指定转换处理方式，对包括指定样式名称的第一样式信息进行样式转换处理，得到第二样式信息。

在另一种可能实现方式中，参见图8，指定转换处理方式包括以下至少一项：

数组转换处理方式，用于在同一样式信息中包括一个样式名称和多个样式内容的情况下，将多个样式内容构成一个内容数组；

集合转换处理方式，用于将样式信息转换为多组相互对应的样式名称与样式内容；

色值对象转换处理方式，用于将第一框架中的色值样式名称转换为第二框架中的色值对象，将色值样式名称对应的样式内容分配给色值对象；

边界定制处理方式，用于根据第一框架中的边界样式名称创建第二框架中对应的边界样式名称。

在另一种可能实现方式中，参见图8，装置还包括：

运行模块707，用于基于第二框架运行第二网页文件，显示第二网页，第二网页的展示样式与第一网页的展示样式相同。

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

图9示出了本申请一个示例性实施例提供的终端900的结构框图。该终端900可以是：智能手机、平板电脑、MP3播放器(Moving Picture Experts Group Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio LayerIV，动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端900还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。

通常，终端900包括有：处理器901和存储器902。

处理器901可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器901可以采用DSP(Digital Signal Processing，数字信号处理)、FPGA(Field－Programmable Gate Array，现场可编程门阵列)、PLA(Programmable Logic Array，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器901也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称CPU(Central ProcessingUnit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器901可以在集成有GPU(Graphics Processing Unit，图像处理器)，GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器901还可以包括AI(Artificial Intelligence，人工智能)处理器，该AI处理器用于处理有关机器学习的计算操作。

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

在一些实施例中，终端900还可选包括有：外围设备接口903和至少一个外围设备。处理器901、存储器902和外围设备接口903之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口903相连。具体地，外围设备包括：射频电路904、触摸显示屏905、摄像头906、音频电路907、定位组件908和电源909中的至少一种。

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

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

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

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

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

定位组件908用于定位终端900的当前地理位置，以实现导航或LBS(LocationBased Service，基于位置的服务)。定位组件908可以是基于美国的GPS(GlobalPositioning System，全球定位系统)、中国的北斗系统、俄罗斯的格雷纳斯系统或欧盟的伽利略系统的定位组件。

电源909用于为终端900中的各个组件进行供电。电源909可以是交流电、直流电、一次性电池或可充电电池。当电源909包括可充电电池时，该可充电电池可以支持有线充电或无线充电。该可充电电池还可以用于支持快充技术。

在一些实施例中，终端900还包括有一个或多个传感器910。该一个或多个传感器910包括但不限于：加速度传感器911、陀螺仪传感器912、压力传感器913、指纹传感器914、光学传感器915以及接近传感器916。

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

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

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

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

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

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

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

图10是本申请实施例提供的一种服务器的结构示意图，该服务器1000可因配置或性能不同而产生比较大的差异，可以包括一个或一个以上处理器(Central ProcessingUnits，CPU)1001和一个或一个以上的存储器1002，其中，该存储器1002中存储有至少一条指令，该至少一条指令由该处理器1001加载并执行以实现上述各个方法实施例提供的方法。当然，该服务器还可以具有有线或无线网络接口、键盘以及输入输出接口等部件，以便进行输入输出，该服务器还可以包括其他用于实现设备功能的部件，在此不做赘述。

在示例性实施例中，还提供了一种计算机可读存储介质，例如包括指令的存储器，上述指令可由电子设备中的处理器执行以完成上述实施例中转换方法。例如，该计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

在示例性实施例中，还提供了一种计算机程序，该计算机程序包括至少一条指令，该指令由处理器加载并执行以实现如上述实施例中转换方法。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，该程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

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

Claims (15)

1.一种转换方法，其特征在于，所述方法包括：

获取第一网页文件，所述第一网页文件基于第一框架运行；

从所述第一网页文件中，获取第一样式信息，所述第一样式信息与所述第一框架对应；

根据所述第一样式信息以及所述第一框架与第二框架之间的样式转换关系，确定所述第一样式信息对应的第二样式信息，所述第二样式信息与所述第二框架对应；

根据所述第一网页文件和所述第二样式信息，生成基于所述第二框架运行的第二网页文件。

2.根据权利要求1所述的方法，其特征在于，所述从所述第一网页文件，获取第一样式信息，包括：

获取所述第一网页文件对应的第一抽象语法树，所述第一抽象语法树包括多个第一节点，所述第一网页文件包括与每个第一节点对应的子文件；

从所述多个第一节点对应的子文件中，选取属于样式类型的至少一个样式子文件；

从所述至少一个样式子文件中，获取至少一个第一样式信息。

3.根据权利要求2所述的方法，其特征在于，所述从所述至少一个样式子文件中，获取至少一个第一样式信息，包括：

分别获取每个样式子文件对应的第二抽象语法树，所述第二抽象语法树包括多个第二节点，所述样式子文件包括与每个第二节点对应的样式信息；

获取所述多个第二节点对应的样式信息，作为所述第一样式信息。

4.根据权利要求3所述的方法，其特征在于，所述分别获取每个样式子文件对应的第二抽象语法树，包括：

对于所述每个样式子文件，根据所述样式子文件的绝对路径，对所述样式子文件进行逻辑解析处理，得到所述样式子文件对应的第二抽象语法树，所述绝对路径为所述样式子文件在终端中的存储路径。

5.根据权利要求4所述的方法，其特征在于，所述对于所述每个样式子文件，根据所述样式子文件的绝对路径，对所述样式子文件进行逻辑解析处理，得到所述样式子文件对应的第二抽象语法树之前，所述方法还包括：

获取所述样式子文件的相对路径，所述相对路径为所述样式子文件相对于所述第一网页文件的存储路径；

根据所述样式子文件的相对路径和所述第一网页文件在所述终端中的存储路径，获取所述样式子文件的绝对路径。

6.根据权利要求1所述的方法，其特征在于，所述根据所述第一网页文件，获取第一样式信息之后，所述方法还包括：

根据所述第一样式信息，生成样式图，所述样式图包括所述第一样式信息和所述第一网页文件的绝对路径，所述绝对路径为所述第一网页文件在终端中的存储路径；

所述根据所述第一样式信息以及所述第一框架与第二框架之间的样式转换关系，确定所述第一样式信息对应的第二样式信息之前，所述方法还包括：

根据所述第一网页文件的绝对路径查询所述样式图，从所述样式图中获取所述第一样式信息。

7.根据权利要求6所述的方法，其特征在于，所述根据所述第一样式信息，生成样式图，包括：

获取所述第一网页文件中的至少一个样式子文件，每个样式子文件包括样式信息；

分别根据所述每个样式子文件生成样式表，所述样式表包括对应样式子文件中的样式信息；

将生成的至少一个样式表与所述第一网页文件的绝对路径进行关联，得到所述样式图。

8.根据权利要求1所述的方法，其特征在于，所述第一样式信息包括第一样式名称和第一样式内容，所述样式转换关系包括所述第一框架中的第一样式名称与所述第二框架中的第二样式名称之间的转换关系；所述根据所述第一样式信息以及所述第一框架与第二框架之间的样式转换关系，确定所述第一样式信息对应的第二样式信息，包括：

根据所述样式转换关系，获取所述第一样式名称对应的第二样式名称；

将所述第一样式名称对应的第一样式内容分配给对应的第二样式名称，得到所述第二样式信息。

9.根据权利要求1所述的方法，其特征在于，所述样式转换关系包括转换处理方式，所述转换处理方式为将所述第一框架中的第一样式信息转换到所述第二框架中的第二样式信息的处理方式；所述根据所述第一样式信息以及所述第一框架与第二框架之间的样式转换关系，确定所述第一样式信息对应的第二样式信息，还包括：

采用所述转换处理方式，对所述第一样式信息进行样式转换处理，得到所述第二样式信息。

10.根据权利要求9所述的方法，其特征在于，所述采用所述转换处理方式，对所述第一样式信息进行样式转换处理，得到所述第二样式信息，包括：

采用指定转换处理方式，对包括指定样式名称的第一样式信息进行样式转换处理，得到所述第二样式信息。

11.根据权利要求10所述的方法，其特征在于，所述指定转换处理方式包括以下至少一项：

数组转换处理方式，用于在同一样式信息中包括一个样式名称和多个样式内容的情况下，将所述多个样式内容构成一个内容数组；

集合转换处理方式，用于将样式信息转换为多组相互对应的样式名称与样式内容；

色值对象转换处理方式，用于将所述第一框架中的色值样式名称转换为所述第二框架中的色值对象，将所述色值样式名称对应的样式内容分配给所述色值对象；

边界定制处理方式，用于根据所述第一框架中的边界样式名称创建所述第二框架中对应的边界样式名称。

12.根据权利要求1-11任一项所述的方法，其特征在于，所述根据所述第一网页文件和所述第二样式信息，生成基于所述第二框架运行的第二网页文件之后，所述方法还包括：

基于所述第二框架运行所述第二网页文件，显示第二网页，所述第二网页的展示样式与所述第一网页的展示样式相同。

13.一种转换装置，其特征在于，所述装置包括：

网页文件获取模块，用于获取第一网页文件，所述第一网页文件基于第一框架运行；

信息获取模块，用于从所述第一网页文件中，获取第一样式信息，所述第一样式信息与所述第一框架对应；

转换模块，用于根据所述第一样式信息以及所述第一框架与第二框架之间的样式转换关系，确定所述第一样式信息对应的第二样式信息，所述第二样式信息与所述第二框架对应；

网页文件生成模块，用于根据所述第一网页文件和所述第二样式信息，生成基于所述第二框架运行的第二网页文件。

14.一种电子设备，其特征在于，所述电子设备包括一个或多个处理器和一个或多个存储器，所述一个或多个存储器中存储有至少一条指令，所述至少一条指令由所述一个或多个处理器加载并执行以实现如权利要求1至权利要求12任一项所述的转换方法所执行的操作。

15.一种计算机可读存储介质，其特征在于，所述存储介质中存储有至少一条指令，所述至少一条指令由处理器加载并执行以实现如权利要求1至权利要求12任一项所述的转换方法所执行的操作。

Images