[发明专利]皮肤样式的文件编辑方法及装置

说明书

本申请提供了一种皮肤样式的文件编辑方法、装置、设备及计算机可读存储介质；方法包括：获取目标应用的页面对应第一皮肤样式的静态样式文件；当接收到针对页面中目标元素的样式调整指令时，获取静态样式文件中标记的目标元素的位置信息，该位置信息，用于表征目标元素对应的代码在目标应用的源文件中的位置；根据位置信息，从对应目标元素的代码中，确定目标元素的动态样式变量；响应于针对动态样式变量的修改指令，对确定的动态样式变量进行修改；根据修改后的动态样式变量，进行静态样式文件编译，得到第二皮肤样式的静态样式文件。通过本申请，能够快速对皮肤样式进行编辑，进而提升皮肤样式的静态样式文件的生成效率。

技术领域

本申请涉及计算机技术，尤其涉及一种皮肤样式的文件编辑方法及装置。

背景技术

随着互联网技术的飞速发展，网站的种类和数量越来越多，用户通过浏览网页来获取各种各样的信息。为了给用户提供更好的浏览体验，网页应用在不同场景下需要提供不同的皮肤样式来展示网页应用的页面，因此开发人员需要为网页应用开发不同皮肤样式对应的静态样式文件。

为得到不同皮肤样式对应的静态样式文件，通常是为不同的皮肤样式创建不同的动态样式变量文件(如Less/Sass变量文件)，定义相同变量名称，覆盖默认变量值。根据不同皮肤样式的动态样式变量文件和默认变量文件，编译生成不同皮肤样式对应的静态样式文件。然而，上述方式的操作复杂，导致皮肤样式的静态样式文件生成效率低。

发明内容

本申请实施例提供一种皮肤样式的文件编辑方法、装置、计算机设备及计算机可读存储介质，能够快速对皮肤样式进行编辑，进而提升皮肤样式的静态样式文件的生成效率。

本申请实施例的技术方案是这样实现的：

本申请实施例提供一种皮肤样式的文件编辑方法，包括：

获取目标应用的页面对应第一皮肤样式的静态样式文件；

当接收到针对所述页面中目标元素的样式调整指令时，获取所述静态样式文件中标记的所述目标元素的位置信息，所述位置信息，用于表征所述目标元素对应的代码在所述目标应用的源文件中的位置；

根据所述位置信息，从对应所述目标元素的代码中，确定所述目标元素的动态样式变量；

响应于针对所述动态样式变量的修改指令，对确定的所述动态样式变量进行修改；

根据修改后的所述动态样式变量，进行静态样式文件编译，得到第二皮肤样式的静态样式文件。

本申请实施例提供一种皮肤样式的文件编辑装置，包括：

第一获取模块，用于获取目标应用的页面对应第一皮肤样式的静态样式文件；

第二获取模块，用于当接收到针对所述页面中目标元素的样式调整指令时，获取所述静态样式文件中标记的所述目标元素的位置信息，所述位置信息，用于表征所述目标元素对应的代码在所述目标应用的源文件中的位置；

确定模块，用于根据所述位置信息，从对应所述目标元素的代码中，确定所述目标元素的动态样式变量；

修改模块，用于响应于针对所述动态样式变量的修改指令，对确定的所述动态样式变量进行修改；

编译模块，根据修改后的所述动态样式变量，进行静态样式文件编译，得到第二皮肤样式的静态样式文件。

上述方案中，所述装置还包括：

展示模块，用于通过所述第一皮肤样式展示所述目标应用的页面；

所述得到第二皮肤样式的静态样式文件之后，所述装置还包括：