一种层叠样式表的提取方法和设备技术

本申请公开了一种层叠样式表的提取方法和设备，包括：将待处理的HTML文件对应的代码数据转换成JSON数据，JSON数据包含至少一个JSON节点，JSON节点对应于代码数据中用于实现设定逻辑功能的子代码数据；遍历JSON数据中包含的JSON节点；提取JSON节点中包含的样式逻辑功能对应的子代码数据；将提取出的子代码数据存储在CSS文件中。在获取到待处理的HTML文件后，将HTML文件对应的代码数据转换成JSON数据，通过遍历JSON数据中的JSON节点，提取JSON节点中的CSS，有效实现CSS提取的自动化，有效避免人为因素影响造成提取耗时较长的问题，提升提取CSS的提取效率。

【技术实现步骤摘要】
一种层叠样式表的提取方法和设备
本申请涉及计算机
，尤其涉及一种层叠样式表的提取方法和设备。
技术介绍
随着互联网技术的发展，在互联网平台中出现了多种多样的网站，这些网站能够为用户提供所需要的信息。网页作为构成网站的基本元素，通常被存储为超文本标记语言(HyperTextMarkupLanguage，HTML)文件。HTML文件中包含网页内容以及网页展示样式。通常，一个网站包含多个网页，不同网页中所包含的网页内容不同，但不同网页所使用的网页展示样式大致相同，这就意味着，对于一个网站来讲，不同网页所使用的网页展示样式对应的代码数据大致相同。在网页设计之初，网页代码编辑者根据网页设计需要，将网页内容对应的代码以及样式逻辑功能对应的代码编辑在一起。但是，一旦完成网页代码的编辑工作，为了后期对网页代码数据的维护，需要将网页源代码数据中包含的样式逻辑功能对应的代码数据从网页源代码数据中提取出来，存储在CSS文件中。通常CSS文件中包含样式逻辑功能对应的代码数据，这些代码数据能够用来控制网页中的字体、文字大小、颜色等内容。目前，对于HTML文件中的CSS，主要通过人工提取方式实现。例如：采用人为方式查找HTML文件中包含的样式逻辑功能对应的代码数据，依次提取样式逻辑功能对应的代码数据，并存储在CSS文件中。受人为因素影响，使得查找并提取出的样式逻辑功能对应的代码数据容易出现遗漏和/或重复的问题，导致提取CSS耗时较久，且提取效率较低。
技术实现思路
有鉴于此，本申请实施例提供一种层叠样式表的提取方法和设备，用于解决现有技术中提取CSS方法存在的耗时较久引发的提取效率较低的问题。本申请实施例提供一种CSS的提取方法，包括：将待处理的HTML文件对应的代码数据转换成JSON数据，其中，所述JSON数据包含至少一个JSON节点，所述JSON节点对应于所述代码数据中用于实现设定逻辑功能的子代码数据；遍历所述JSON数据中包含的JSON节点；提取所述JSON节点中包含的样式逻辑功能对应的子代码数据；将提取出的所述子代码数据存储在层叠样式表CSS文件中。本申请实施例提供一种生成HTML文件的方法，包括：将待处理的第一HTML文件对应的代码数据转换成Java脚本对象，其中，所述JSON数据包含至少一个JSON节点，所述JSON节点对应于所述代码数据中用于实现设定逻辑功能的子代码数据；遍历所述JSON数据中包含的JSON节点，并提取所述JSON节点中包含的样式逻辑功能对应的子代码数据，将提取出的所述子代码数据存储在层叠样式表CSS文件中；将提取后剩余的代码数据对应的JSON数据转换成第二HTML文件，所述第二HTML文件中包含被提取出的所述子代码数据对应的CSS名称。本申请实施例还提供一种CSS的提取设备，包括：转换单元，用于将待处理的HTML文件对应的代码数据转换成JSON数据，其中，所述JSON数据包含至少一个JSON节点，所述JSON节点对应于所述代码数据中用于实现设定逻辑功能的子代码数据；遍历单元，用于遍历所述JSON数据中包含的JSON节点；提取单元，用于提取所述JSON节点中包含的样式逻辑功能对应的子代码数据；存储单元，用于将提取出的所述子代码数据存储在CSS文件中。本申请实施例还提供一种生成HTML文件的设备，包括：第一转换单元，将待处理的第一HTML文件对应的代码数据转换成Java脚本对象，其中，所述JSON数据包含至少一个JSON节点，所述JSON节点对应于所述代码数据中用于实现设定逻辑功能的子代码数据；处理单元，遍历所述JSON数据中包含的JSON节点，并提取所述JSON节点中包含的样式逻辑功能对应的子代码数据，将提取出的所述子代码数据存储在层叠样式表CSS文件中；第二转换单元，将提取后剩余的代码数据对应的JSON数据转换成第二HTML文件，所述第二HTML文件中包含被提取出的所述子代码数据对应的CSS名称。本申请实施例采用的上述至少一个技术方案能够达到以下有益效果：本申请实施例通过将待处理的HTML文件对应的代码数据转换成JSON数据，所述JSON数据包含至少一个JSON节点，所述JSON节点对应于所述代码数据中用于实现设定逻辑功能的子代码数据，转换之后的JSON数据与HTML文件对应的代码数据相比具有更高的序列性，通过遍历JSON数据中的JSON节点，提取所述JSON节点中的CSS并保存在CSS文件中，有效实现CSS提取的自动化，有效避免人为因素影响造成提取耗时较长的问题，提升提取CSS的提取效率。附图说明此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：图1为本申请实施例提供的一种CSS的提取方法的流程示意图；图2为本申请实施例中HTML文件中的不同子代码数据之间的逻辑关系示意图；图3为本申请实施例提供的一种生成HTML文件的方法的流程示意图；图4为本申请实施例提供的一种CSS的提取设备的结构示意图；图5为本申请实施例提供的一种生成HTML文件的设备的结构示意图。具体实施方式在网页设计之初，网页代码开发者可以根据网页设计需要，将网页内容对应的代码数据以及样式逻辑功能对应的代码数据编辑在一起，能够保证网页开发者的开发效率。对于一个网站来讲，不同网页所使用的网页展示样式对应的代码数据大致相同，为了方便后期对网页代码数据进行维护，可以将网页源代码数据中包含的样式逻辑功能对应的代码数据从网页源代码数据中提取出来，并存储在CSS文件中，这样，在更新网页展示样式时，对CSS文件中包含的代码数据进行修改即可，有效提升网页维护效率。例如：网页代码开发者完成网页代码的编写工作之后，需要将网页内容的展示样式从所述网页对应的HTML文件中提取出来存储在CSS文件中，这样网页内容与网页内容的展示样式分开。此时，建立HTML文件与CSS文件的引用关系，可以为多个网页中不同网页内容提供相同的展示样式。当需要对网页内容进行更新和/或修改时，可以在HTML文件中对相关网页内容对应的代码进行更新和/或修改。同时，当CSS文件中某一样式属性被更新时，使用该样式属性的不同网页内容的展示样式自动更新，不必逐页修改。因此，将CSS从HTML文件中提取出来，便于对网页代码进行管理和维护。现有技术中CSS提取所采用的人工提取方法，受人为因素影响，导致提取CSS耗时较久，且提取效率较低。为了实现本申请的目的，本申请实施例提供了一种CSS的提取方法和设备，通过将待处理的HTML文件对应的代码数据转换成JSON数据，所述JSON数据包含至少一个JSON节点，所述JSON节点对应于所述代码数据中用于实现设定逻辑功能的子代码数据，转换之后的JSON数据与HTML文件对应的代码数据相比具有更高的序列性，根据JSON数据中包含的JSON节点之间的序列关系遍历JSON数据中的JSON节点，提取所述JSON节点中的CSS并保存在CSS文件中，有效实现CSS提取的自动化，有效避免人为因素影响造成提取耗时较长的问题，有效提升提取CSS的提取效率。下面结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施本文档来自技高网...

【技术保护点】
一种层叠样式表的提取方法，其特征在于，包括：将待处理的超文本标记语言HTML文件对应的代码数据转换成Java脚本对象JSON数据，其中，所述JSON数据包含至少一个JSON节点，所述JSON节点对应于所述代码数据中用于实现设定逻辑功能的子代码数据；遍历所述JSON数据中包含的JSON节点；提取所述JSON节点中包含的样式逻辑功能对应的子代码数据；将提取出的所述子代码数据存储在层叠样式表CSS文件中。

【技术特征摘要】
1.一种层叠样式表的提取方法，其特征在于，包括：将待处理的超文本标记语言HTML文件对应的代码数据转换成Java脚本对象JSON数据，其中，所述JSON数据包含至少一个JSON节点，所述JSON节点对应于所述代码数据中用于实现设定逻辑功能的子代码数据；遍历所述JSON数据中包含的JSON节点；提取所述JSON节点中包含的样式逻辑功能对应的子代码数据；将提取出的所述子代码数据存储在层叠样式表CSS文件中。2.如权利要求1所述的提取方法，其特征在于，将待处理的HTML文件对应的代码数据转换成JSON数据，包括：分析待处理的HTML文件对应的代码数据中包含的至少两个子代码数据之间的逻辑关系；若所述至少两个子代码数据之间的逻辑关系为包含关系，那么将所述至少两个子代码数据分别转换为JSON对象，所述JSON对象对应JSON节点。3.如权利要求2所述的提取方法，其特征在于，将待处理的HTML文件对应的代码数据转换成JSON数据，包括：若所述至少两个子代码数据之间的逻辑关系为并列关系，那么将所述至少两个子代码数据转换成一个JSON数组，所述JSON数组对应JSON节点。4.如权利要求1所述的提取方法，其特征在于，在将待处理的HTML文件对应的代码数据转换成JSON数据之后，所述方法还包括：根据所述JSON节点在所述JSON数据中的位置，确定所述JSON节点的名称；根据所述JSON节点的名称，生成所述JSON节点中包含的所述样式逻辑功能对应的子代码数据的CSS名称；在提取所述JSON节点中包含的样式逻辑功能对应的子代码数据之后，所述方法还包括：在所述JSON节点中包含的所述样式逻辑功能对应的子代码数据的位置上，写入所述子代码数据的CSS名称。5.如权利要求4所述的提取方法，其特征在于，根据所述JSON节点在所述JSON数据中的位置，确定所述JSON节点的名称，包括：确定所述JSON节点的根节点；根据所述JSON节点的根节点和所述JSON节点在所述根节点中的位置，确定所述JSON节点的名称。6.如权利要求4所述的提取方法，其特征在于，在所述JSON节点中包含的所述样式逻辑功能对应的子代码数据的位置上写入所述子代码数据的CSS名称后，所述方法还包括：将变化后的所述JSON数据逆转换为HTML文件。7.一种生成超文本标记语言HTML文件的方法，其特征在于，包括：将待处理的第一HTML文件对应的代码数据转换成Java脚本对象，其中，所述JSON数据包含至少一个JSON节点，所述JSON节点对应于所述代码数据中用于实现设定逻辑功能的子代码数据；遍历所述JSON数据中包含的JSON节点，并提取所述JSON节点中包含的样式逻辑功能对应的子代码数据，将提取出的所述子代码数据存储在层叠样式表CSS文件中；将提取后剩余的代码数据对应的JSON数据转换成第二HTML文件，所述第二HTML文件中包含被提取出的所述子代码数据对应的CSS名称。8.一种层叠样式表的提取设备，其特征在于，包括：转换单元，用于将待处理的HTML文件对应的代码数据转换成JSON数据，其...

【专利技术属性】
技术研发人员：饶俊学，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛,KY