(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210204924.8 (22)申请日 2022.03.02 (71)申请人 北京字节跳动网络技 术有限公司 地址 100041 北京市石景山区实兴大街3 0 号院3号楼 2层B-0035房间 (72)发明人 张磊　李奎　 (74)专利代理 机构 北京中知法苑知识产权代理 有限公司 1 1226 专利代理师 李明 (51)Int.Cl. G06F 8/41(2018.01) G06F 8/71(2018.01) G06F 8/38(2018.01) G06F 9/445(2018.01) G06F 16/958(2019.01) (54)发明名称 一种页面渲染方法、 装置、 计算机设备和存 储介质 (57)摘要 本公开提供了一种页面渲染方法、 装置、 计 算机设备和存储介质， 其中， 该方法包括： 获取在 跨端框架上编译得到的待转换文件， 待转换文件 用于加载目标页面； 基于浏览器对应的可运行语 言， 对待转换文件进行文件解码， 得到目标页面 对应的且与可运行语言相 匹配的组件结构指令 和页面执行逻辑文件； 利用可运行语 言对应的第 一代码运行引擎， 运行组件结构指令， 并基于运 行结果得到目标页面对应的页面组件信息； 根据 页面组件信息和页面执行逻辑文件， 渲染得到目 标页面。 权利要求书2页 说明书13页 附图3页 CN 114579137 A 2022.06.03 CN 114579137 A 1.一种页面 渲染方法， 其特 征在于， 包括： 获取在跨端框架上编译得到的待转换文件， 所述待转换文件用于加载目标页面； 基于浏览器对应的可运行语言， 对所述待转换文件进行文件解码， 得到所述目标页面 对应的且与所述可运行语言相匹配的组件结构 指令和页面执 行逻辑文件； 利用所述可运行语言对应的第一代码运行引擎， 运行所述组件结构指令， 并基于运行 结果得到所述目标页面对应的页面组件信息； 根据所述页面组件信息和所述页面执 行逻辑文件， 渲染得到所述目标页面。 2.根据权利要求1所述的方法， 其特征在于， 所述基于浏览器对应的可运行语言， 对所 述待转换文件进 行文件解码， 得到所述目标页面对应的且与所述可运行语言相匹配的组件 结构指令和页面执 行逻辑文件， 包括： 基于所述浏览器对应的可运行语言， 对所述待转换文件进行文件解码， 得到所述目标 页面对应的且与可运行语言相匹配的可执行结构信息、 所述页面执行逻辑文件和页面样式 代码文件； 将所述可 执行结构信息， 转换为在所述浏览器中可 执行的所述组件结构 指令； 所述运行所述组件结构指令， 并基于运行结果得到所述目标页面对应的页面组件信 息， 包括： 运行所述组件结构指令， 得到所述运行结果， 并将所述运行结果和所述页面样式代码 文件进行 结合， 得到所述目标页面对应的页面组件信息 。 3.根据权利要求2所述的方法， 其特 征在于， 所述 运行所述组件结构 指令， 包括： 运行所述组件结构指令， 得到所述目标页面中的各组件对应的虚拟节点树信息； 并将 所述虚拟节点 树信息转换为所述各组件 对应的可加载节点 树信息； 所述运行结果包括所述可加载节点树信 息， 所述将所述运行结果和所述页面样式代码 文件进行 结合， 得到所述目标页面对应的页面组件信息， 包括： 利用页面布局引擎， 将所述可加载节点树信息和所述页面样式代码文件进行结合， 得 到所述页面组件信息 。 4.根据权利要求3所述的方法， 其特征在于， 所述页面样式代码文件包括所述各组件对 应的组件样式文件； 所述将所述可加载节点树信 息和所述页面样式代码文件进行结合， 得到所述页面组件 信息， 包括： 根据所述可加载节点树信 息， 确定所述各组件的位置信 息， 并根据 所述组件样式文件， 确定所述各组件 对应的组件样式； 将所述各组件的位置信 息和所述各组件对应的组件样式进行结合， 得到所述页面组件 信息。 5.根据权利要求4所述的方法， 其特征在于， 所述页面样式代码文件还包括所述各组件 之间的依赖关系； 所述根据所述可加载节点 树信息， 确定所述各组件的位置信息， 包括： 根据所述可加载节点 树信息和所述依赖关系， 确定所述各组件的位置信息 。 6.根据权利要求2所述的方法， 其特征在于， 所述根据所述页面组件信 息和所述页面执 行逻辑文件， 渲染得到所述目标页面， 包括：权　利　要　求　书 1/2 页 2 CN 114579137 A 2根据所述页面组件信息和所述页面样式代码文件， 加载 得到初始页面； 在接收到针对所述初始页面的目标触发请求后， 利用第二代码运行引擎， 从所述页面 执行逻辑文件指示的各页面触发请求对应的执行逻辑中， 确定所述目标触发请求对应的目 标执行逻辑； 生成与所述目标执行逻辑对应的信息获取请求， 并向服务器发送所述信息获取请求； 所述信息获取请求用于获取 执行所述目标 执行逻辑所需要的目标页面信息； 接收所述服务器在响应于所述信 息获取请求后反馈的目标页面信 息， 并基于所述目标 页面信息， 对所述初始页面进行 更新渲染， 得到所述目标页面。 7.根据权利要求6所述的方法， 其特征在于， 所述页面样式代码文件指示有浏 览器的版 本和页面版本之间的关联关系； 所述根据所述页面组件信息和所述页面样式代码文件， 加载 得到初始页面， 包括： 根据所述页面样式代码文件指示的关联关系和所述浏览器的版本， 确定所述初始页面 的页面尺寸和页面版本； 按照所述页面尺寸和所述页面版本， 根据所述页面组件信息， 加载 得到所述初始页面。 8.一种页面 渲染装置， 其特 征在于， 包括： 获取模块， 用于获取在跨端框架上编译得到的待转换文件， 所述待转换文件用于加载 目标页面； 解码模块， 用于基于浏览器对应的可运行语言， 对所述待转换文件进行文件解码， 得到 所述目标页面对应的且与所述可运行语言相匹配的组件结构 指令和页面执 行逻辑文件； 运行模块， 用于利用所述可运行语言对应的第一代码运行引擎， 运行所述组件结构指 令， 并基于运行 结果得到所述目标页面对应的页面组件信息； 渲染模块， 用于根据所述页面组件信息和所述页面执行逻辑文件， 渲染得到所述目标 页面。 9.一种计算机设备， 其特征在于， 包括： 处理器、 存储器， 所述存储器存储有所述处理器 可执行的机器可读指令， 所述处理器用于执行所述存储器中存储的机器可读指令， 所述机 器可读指 令被所述处理器执行时， 所述处理器执行如权利要求1至7任意一项 所述的页面渲 染方法的步骤。 10.一种计算机可读存储介质， 其特征在于， 所述计算机可读存储介质上存储有计算机 程序， 所述计算机程序被计算机设备运行时， 所述计算机设备执行如权利要求1至7任意一 项所述的页面 渲染方法的步骤。权　利　要　求　书 2/2 页 3 CN 114579137 A 3