本申请提供了一种皮肤样式的文件编辑方法、装置、设备及计算机可读存储介质；方法包括：获取目标应用的页面对应第一皮肤样式的静态样式文件；当接收到针对页面中目标元素的样式调整指令时，获取静态样式文件中标记的目标元素的位置信息，该位置信息，用于表征目标元素对应的代码在目标应用的源文件中的位置；根据位置信息，从对应目标元素的代码中，确定目标元素的动态样式变量；响应于针对动态样式变量的修改指令，对确定的动态样式变量进行修改；根据修改后的动态样式变量，进行静态样式文件编译，得到第二皮肤样式的静态样式文件。通过本申请，能够快速对皮肤样式进行编辑，进而提升皮肤样式的静态样式文件的生成效率。而提升皮肤样式的静态样式文件的生成效率。而提升皮肤样式的静态样式文件的生成效率。
【技术实现步骤摘要】
皮肤样式的文件编辑方法及装置
[0001]本申请涉及计算机技术，尤其涉及一种皮肤样式的文件编辑方法及装置。
技术介绍
[0002]随着互联网技术的飞速发展，网站的种类和数量越来越多，用户通过浏览网页来获取各种各样的信息。为了给用户提供更好的浏览体验，网页应用在不同场景下需要提供不同的皮肤样式来展示网页应用的页面，因此开发人员需要为网页应用开发不同皮肤样式对应的静态样式文件。
[0003]为得到不同皮肤样式对应的静态样式文件，通常是为不同的皮肤样式创建不同的动态样式变量文件(如Less/Sass变量文件)，定义相同变量名称，覆盖默认变量值。根据不同皮肤样式的动态样式变量文件和默认变量文件，编译生成不同皮肤样式对应的静态样式文件。然而，上述方式的操作复杂，导致皮肤样式的静态样式文件生成效率低。
技术实现思路
[0004]本申请实施例提供一种皮肤样式的文件编辑方法、装置、计算机设备及计算机可读存储介质，能够快速对皮肤样式进行编辑，进而提升皮肤样式的静态样式文件的生成效率。
[0005]本申请实施例的技术方案是这样实现的：
[0006]本申请实施例提供一种皮肤样式的文件编辑方法，包括：
[0007]获取目标应用的页面对应第一皮肤样式的静态样式文件；
[0008]当接收到针对所述页面中目标元素的样式调整指令时，获取所述静态样式文件中标记的所述目标元素的位置信息，所述位置信息，用于表征所述目标元素对应的代码在所述目标应用的源文件中的位置；
[0009]根据所述位置信息，从对应所述目标元素的代码中，确定所述目标元素的动态样式变量；
[0010]响应于针对所述动态样式变量的修改指令，对确定的所述动态样式变量进行修改；
[0011]根据修改后的所述动态样式变量，进行静态样式文件编译，得到第二皮肤样式的静态样式文件。
[0012]本申请实施例提供一种皮肤样式的文件编辑装置，包括：
[0013]第一获取模块，用于获取目标应用的页面对应第一皮肤样式的静态样式文件；
[0014]第二获取模块，用于当接收到针对所述页面中目标元素的样式调整指令时，获取所述静态样式文件中标记的所述目标元素的位置信息，所述位置信息，用于表征所述目标元素对应的代码在所述目标应用的源文件中的位置；
[0015]确定模块，用于根据所述位置信息，从对应所述目标元素的代码中，确定所述目标元素的动态样式变量；
[0016]修改模块，用于响应于针对所述动态样式变量的修改指令，对确定的所述动态样式变量进行修改；
[0017]编译模块，根据修改后的所述动态样式变量，进行静态样式文件编译，得到第二皮肤样式的静态样式文件。
[0018]上述方案中，所述装置还包括：
[0019]展示模块，用于通过所述第一皮肤样式展示所述目标应用的页面；
[0020]所述得到第二皮肤样式的静态样式文件之后，所述装置还包括：
[0021]渲染模块，用于基于所述第二皮肤样式的静态样式文件进行页面渲染，以将所述目标应用的页面由通过所述第一皮肤样式展示切换为通过所述第二皮肤样式展示。
[0022]上述方案中，所述第一获取模块，还用于对所述目标应用的源文件进行编译，得到所述第一皮肤样式的静态样式文件；
[0023]在编译过程中获取各组件在源文件中的组件位置信息，并
[0024]在所述静态样式文件中，将所述组件位置信息注入相应组件的根元素上，以实现对所述组件的目标元素进行位置信息标记。
[0025]上述方案中，所述第一获取模块，还用于当接收到针对所述页面中目标元素的样式调整指令时，获取所述目标元素的标识信息；
[0026]根据所述目标元素的标识信息，在所述第一皮肤样式的静态样式文件中，根据所述静态样式文件中的样式层次结构，逐层向上查询，以确定所述目标元素对应的根元素；
[0027]获取确定的所述根元素中注入的所述组件位置信息，并将所述组件位置信息作为标记的所述目标元素的位置信息。
[0028]上述方案中，所述确定模块，还用于根据所述位置信息，在对应所述目标元素的代码中查找所述目标元素的样式信息；
[0029]获取所述样式信息中所述动态样式变量的标识信息；
[0030]根据所述动态样式变量的标识信息，在全局变量文件中确定所述动态样式变量的值。
[0031]上述方案中，所述修改模块，还用于当所述源文件中包括第一皮肤样式的第一全局变量文件、及所述第二皮肤样式的第二全局变量文件时，响应于针对所述动态样式变量的修改指令，获取所要修改的目标动态样式变量及相应的目标值；
[0032]将目标动态样式变量分别与所述第一全局变量文件中的动态样式变量、及所述第二全局变量文件中的动态样式变量进行匹配，得到匹配结果；
[0033]根据所述匹配结果，对确定的所述动态样式变量进行修改。
[0034]上述方案中，所述修改模块，还用于当所述匹配结果表征所述第一全局变量文件与所述第二全局变量文件中均存在所述目标动态样式变量、且所述第一全局变量文件中所述目标动态样式变量的值与所述目标值相同时，删除所述第二全局变量文件中的所述目标动态样式变量。
[0035]上述方案中，所述修改模块，还用于当所述匹配结果表征所述第一全局变量文件中不存在值为目标值的目标动态样式变量、且所述第二全局变量文件中不存在所述目标动态样式变量时，在所述第二全局变量文件中添加所述目标动态样式变量，并将添加的所述目标动态样式变量的值设置为所述目标值。
[0036]上述方案中，所述修改模块，还用于当所述匹配结果表征所述第一全局变量文件中不存在值为目标值的目标动态样式变量、且所述第二全局变量文件中存在值不为目标值的所述目标动态样式变量时，将所述第二全局变量文件中目标动态样式变量的值修改为目标值。
[0037]本申请实施例提供一种计算机设备，包括：
[0038]存储器，用于存储可执行指令；
[0039]处理器，用于执行所述存储器中存储的可执行指令时，实现本申请实施例提供的皮肤样式的文件编辑方法。
[0040]本申请实施例提供一种计算机可读存储介质，存储有可执行指令，用于引起处理器执行时，实现本申请实施例提供的皮肤样式的文件编辑方法。
[0041]本申请实施例具有以下有益效果：
[0042]应用上述实施例，当接收到针对页面中目标元素的样式调整指令时，获取目标应用的页面对应第一皮肤样式的静态样式文件中标记的目标元素的位置信息，然后根据所述位置信息，从对应目标元素的代码中，确定目标元素的动态样式变量，响应于针对动态样式变量的修改指令，对确定的动态样式变量进行修改，从而根据修改后的动态样式变量编译得到第二皮肤样式的静态样式文件；
[0043]由于本申请在第一皮肤样式的静态样式文件中标记了目标元素的位置信息，且该位置信息，用于表征目标元素对应的代码在目标应用的源文件中的位置，如此，能够在接收到针对目标元素的样本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种皮肤样式的文件编辑方法，其特征在于，包括：获取目标应用的页面对应第一皮肤样式的静态样式文件；当接收到针对所述页面中目标元素的样式调整指令时，获取所述静态样式文件中标记的所述目标元素的位置信息，所述位置信息，用于表征所述目标元素对应的代码在所述目标应用的源文件中的位置；根据所述位置信息，从对应所述目标元素的代码中，确定所述目标元素的动态样式变量；响应于针对所述动态样式变量的修改指令，对确定的所述动态样式变量进行修改；根据修改后的所述动态样式变量，进行静态样式文件编译，得到第二皮肤样式的静态样式文件。2.如权利要求1所述的方法，其特征在于，所述方法还包括：通过所述第一皮肤样式展示所述目标应用的页面；所述得到第二皮肤样式的静态样式文件之后，所述方法还包括：基于所述第二皮肤样式的静态样式文件进行页面渲染，以将所述目标应用的页面由通过所述第一皮肤样式展示切换为通过所述第二皮肤样式展示。3.如权利要求1所述的方法，其特征在于，所述方法还包括：对所述目标应用的源文件进行编译，得到所述第一皮肤样式的静态样式文件；在编译过程中获取各组件在源文件中的组件位置信息，并在所述静态样式文件中，将所述组件位置信息注入相应组件的根元素上，以实现对所述组件的目标元素进行位置信息标记。4.如权利要求3所述的方法，其特征在于，所述当接收到针对所述页面中目标元素的样式调整指令时，获取所述静态样式文件中标记的所述目标元素的位置信息，包括：当接收到针对所述页面中目标元素的样式调整指令时，获取所述目标元素的标识信息；根据所述目标元素的标识信息，在所述第一皮肤样式的静态样式文件中，根据所述静态样式文件中的样式层次结构，逐层向上查询，以确定所述目标元素对应的根元素；获取确定的所述根元素中注入的所述组件位置信息，并将所述组件位置信息作为标记的所述目标元素的位置信息。5.如权利要求1所述的方法，其特征在于，所述根据所述位置信息，从对应所述目标元素的代码中，确定所述目标元素的动态样式变量，包括：根据所述位置信息，在对应所述目标元素的代码中查找所述目标元素的样式信息；获取所述样式信息中所述动态样式变量的标识信息；根据所述动态样式变量的标识信息，在全局变量文件中确定所述动态样式变量的值。6.如权利要求1所述的方法，其特征在于，所述响应于针对所述动态样式变量的修改指令...
【专利技术属性】
技术研发人员：方庆武，
申请(专利权)人：深圳市腾讯网域计算机网络有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。