(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 20221095942 9.8 (22)申请日 2022.08.10 (71)申请人 抖音视界有限公司 地址 100041 北京市石景山区实兴大街3 0 号院3号楼 2层B-0035房间 (72)发明人 彭志国　戴勃　 (74)专利代理 机构 北京中知法苑知识产权代理 有限公司 1 1226 专利代理师 李明 (51)Int.Cl. G06F 8/38(2018.01) G06F 9/451(2018.01) (54)发明名称 页面代码文件的生 成方法及装置、 页面的渲 染方法及装置 (57)摘要 本公开提供了一种页面代码文件的生成方 法及装置、 页面的渲染方法及装置， 其中， 该方法 包括： 获取目标页面的初始页面源文件； 所述页 面源文件包括： 结构文件、 以及样式文件； 从所述 页面源文件中， 获取与所述目标页面中的页面元 素对应的初始颜色色值； 基于所述初始颜色色值 以及预先设置的色卡， 确定与所述页面元素对应 的第一目标颜色变量； 其中， 所述色卡用于描述 至少一个颜色变量在至少一种颜色渲染模式下 分别对应的颜色之间的对应关系； 将所述初始页 面源文件中包括的所述初始颜色色值， 替换为所 述第一目标颜色变量， 得到目标页面源文件； 基 于所述目标页面源文件， 生 成所述目标页面的页 面代码文 件。 权利要求书4页 说明书19页 附图5页 CN 115268915 A 2022.11.01 CN 115268915 A 1.一种页面代码文件的生成方法， 其特 征在于， 包括： 获取目标页面的初始页面源文件； 所述页面源文件 包括： 结构文件、 以及样式文件； 从所述页面源文件中， 获取与所述目标页面中的页面元 素对应的初始颜色 色值； 基于所述初始颜色色值以及预先设置的色卡， 确定与 所述页面元素对应的第 一目标颜 色变量； 其中， 所述色卡用于描述至少一个颜色变量在至少一种颜色渲染模式下分别对应 的颜色色值之间的对应关系； 将所述初始页面源文件中包括的所述初始颜色色值， 替换为所述第一目标颜色变量， 得到目标页面源文件； 基于所述目标页面源文件， 生成所述目标页面的页面代码文件； 其中， 所述第一目标颜色变量用于在基于所述页面代码文件渲染所述目标页面时， 将 预先配置的模颜色渲染模式下与所述第一目标颜色变量对应的颜色色值传入所述第一目 标颜色变量， 并基于传入了颜色色值的第一目标颜色变量对关联的页面元素进行颜色渲 染。 2.根据权利要求1所述的方法， 其特征在于， 所述从所述页面源文件中， 获取与所述目 标页面中的页面元 素对应的初始颜色 色值， 包括： 遍历所述页面源文件中包括的源代码， 从所述源代码中读取用于定义所述页面元素的 第一目标语句； 从所述第一目标语句中， 读取与所述页面元 素对应的所述初始颜色 色值。 3.根据权利要求1所述的方法， 其特征在于， 所述至少一种颜色渲染模式包括： 基准颜 色渲染模式； 不同所述颜色变量在所述基准颜色渲染模式下对应的颜色不同； 所述基于所述初始颜色色值以及预先设置的色卡， 确定与所述页面元素对应的第 一目 标颜色变量， 包括： 基于所述初始颜色色值， 从所述基准颜色渲染模式对应的多种颜色中， 确定与所述初 始颜色色值对应的目标颜色； 将所述目标颜色对应的颜色变量， 确定为与所述页面元 素对应的第一目标颜色变量。 4.根据权利要求1所述的方法， 其特征在于， 所述基于所述目标页面源文件， 生成所述 目标页面的页面代码文件， 包括： 确定所述目标页面源文件的文件类型； 基于所述文件类型， 对所述目标页面源文件中的源代码进行语法替换操作， 得到所述 页面代码文件。 5.根据权利要求1所述的方法， 其特征在于， 所述方法还包括： 为所述结构文件注入用 于对在渲 染所述目标页面时， 对所述目标页面中的各页面元素的颜色进 行初始化的初始 化 程序代码； 所述初始化程序代码用于在渲染所述目标页面 时， 对所述目标页面中各页面元素对应 的第一目标颜色变量进行 赋值操作。 6.根据权利要求1 ‑5任一项所述的方法， 其特征在于， 所述初始页面源文件， 还包括： 图 像文件； 所述方法还 包括： 从所述图像文件中识别目标图像文件； 基于所述目标图像文件中所包 含的文本内容， 将所述目标图像文件转换为字体文件；权　利　要　求　书 1/4 页 2 CN 115268915 A 2将所述结构文件、 和所述样式文件中对所述目标图像文件的引用， 更改为对所述字体 文件的引用； 以及 基于所述预先设置的色卡， 在所述样式文件中用于描述所述目标图像文件样式的目标 样式数据中， 增加所述字体文件对应的第二 目标颜色变量； 所述第二 目标颜色变量用于指 示所述字体文件在至少一种颜色模式下分别对应的颜色 色值。 7.根据权利要求6所述的方法， 其特 征在于， 所述目标图像文件 包括： 图标文件； 所述从所述图像文件中识别目标图像文件， 包括： 从所述图像文件中的文件名中， 确定是否存在用于指示所述图像文件为图标文件的目 标字段； 响应于所述文件中存在所述目标字段， 将所述图像文件确定为所述目标图像文件。 8.根据权利要求6所述的方法， 其特征在于， 所述从所述图像文件中识别目标图像文 件， 包括： 将所述图像文件的文件数据量、 与预设的数据量阈值进行比对； 响应于所述图像文件的文件数据量小于或等于所述数据量阈值， 则将所述图像文件确 定为所述目标图像文件。 9.根据权利要求6所述的方法， 其特征在于， 所述基于所述目标图像文件中所包含的文 本内容， 将所述目标图像文件转换为字体文件， 包括： 调用预设图像文本识别接口， 获取 所述目标图像文件中包 含的文本内容； 基于所述文本内容， 生成所述字体文件。 10.根据权利要求6所述的方法， 其特征在于， 所述将所述结构文件、 和所述样式文件中 对所述目标图像文件的引用， 更改为对所述字体文件的引用， 包括： 生成所述目标图像文件对应的第一标识信息和所述字体文件对应的第二标识信息之 间的关联关系； 遍历所述页面源文件中包括的源代码， 从所述源代码中识别用于引用所述第 一标识信 息的第二目标语句； 以及， 遍历所述样式文件中记载的样式数据， 从所述样式数据中识别记载所述第一标 识信息的目标样式数据； 基于所述关联关系， 将所述第二目标语句中记录的所述第一标识信息， 替换为所述第 二标识信息基于所述关联关系， 将所述第二 目标语句中记录的所述第一标识信息， 替换为 所述第二标识信息， 并将所述目标样式数据中的第一标识信息替换为所述第二标识信息 。 11.根据权利要求6所述的方法， 其特征在于， 所述基于所述预先设置的色卡， 在所述样 式文件中用于描述所述目标图像文件样式的目标样式数据中， 增加所述字体文件对应的第 二目标颜色变量， 包括： 基于所述目标图像文件， 确定与所述目标图像文件 对应的主颜色 色值； 基于所述主颜色色值、 以及所述色卡， 确定与所述目标图像文件对应的所述第二目标 颜色变量； 在所述目标样式数据中， 增 加所述第二目标颜色变量。 12.一种页面的渲染方法， 其特 征在于， 包括： 响应于针对目标应用程序中目标页面的渲染请求， 获取与所述目标页面对应的页面代权　利　要　求　书 2/4 页 3 CN 115268915 A 3