[发明专利]一种前端Web项目的线上样式动态替换方法和系统

权利要求书

1.一种前端Web项目的线上样式动态替换方法，其特征在于，包括以下步骤：

获取前端Web项目运行时的样式代码数据，从该代码数据中获取所有的link标签和style标签；

分别获取所述link标签和style标签的样式数据；

根据样式替换需求，对所述样式数据进行字符串替换，得到新的字符串；

创建新的style标签，并将所述新的字符串赋值给所述新的link标签中；

将赋值后的新的style标签插入所述前端Web项目对应html文档的head标签中，使新的样式生效，并覆盖原来的样式。

2.根据权利要求1所述的一种前端Web项目的线上样式动态替换方法，其特征在于，获取所述link标签和style标签的样式数据具体包括：

从获取的link标签和style标签中依次选取标签，判断选取的标签是link标签还是style标签，然后分别调用对应的处理逻辑获取样式数据。

3.根据权利要求2所述的一种前端Web项目的线上样式动态替换方法，其特征在于，所述处理逻辑包括：

对于link标签，通过获取link标签的href属性，然后基于该href属性使用ajax请求获取所述link标签的样式数据；

对于style标签，通过DOM的innerHTML API请求获取所述style标签的样式数据。

4.根据权利要求1所述的一种前端Web项目的线上样式动态替换方法，其特征在于，通过DOM的document.createElement API操作，动态创建出所述新的style标签。

5.根据权利要求1所述的一种前端Web项目的线上样式动态替换方法，其特征在于，通过JavaScript的document.getElementsByTagName('link')功能获取所有的link标签；通过JavaScript的document.getElementsByTagName('style')功能获取所有的style标签。

6.根据权利要求1所述的一种前端Web项目的线上样式动态替换方法，其特征在于，所述方法还包括将所述线上样式动态替换方法的数据处理过程封装为sdk工具包。

7.一种前端Web项目的线上样式动态替换系统，其特征在于，包括存储器和处理器，所述存储器存储有计算机程序，处理器调用所述计算机程序执行以下步骤：

获取前端Web项目运行时的样式代码数据，从该代码数据中获取所有的link标签和style标签；

分别获取所述link标签和style标签的样式数据；

根据样式替换需求，对所述样式数据进行字符串替换，得到新的字符串；

创建新的style标签，并将所述新的字符串赋值给所述新的link标签中；

将赋值后的新的style标签插入所述前端Web项目对应html文档的head标签中，使新的样式生效，并覆盖原来的样式。

8.根据权利要求7所述的一种前端Web项目的线上样式动态替换系统，其特征在于，获取所述link标签和style标签的样式数据具体包括：

从获取的link标签和style标签中依次选取标签，判断选取的标签是link标签还是style标签，然后分别调用对应的处理逻辑获取样式数据；

所述处理逻辑包括：

对于link标签，通过获取link标签的href属性，然后基于该href属性使用ajax请求获取所述link标签的样式数据；

对于style标签，通过DOM的innerHTML API请求获取所述style标签的样式数据。

9.根据权利要求7所述的一种前端Web项目的线上样式动态替换系统，其特征在于，通过DOM的document.createElement API操作，动态创建出所述新的style标签。

10.根据权利要求7所述的一种前端Web项目的线上样式动态替换系统，其特征在于，通过JavaScript的document.getElementsByTagName('link')功能获取所有的link标签；通过JavaScript的document.getElementsByTagName('style')功能获取所有的style标签。