页面渲染方法、装置、存储介质以及终端.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN112307403A(43)申请公布日2021.02.02(21)申请号202011259637.4(22)申请日2020.11.12(71)申请人OPPO（重庆）智能科技有限公司地址401120重庆市渝北区玉峰山镇玉龙大道188号(72)发明人刘飞丁训然(74)专利代理机构北京恒博知识产权代理有限公司11528代理人范胜祥(51)Int.Cl.G06F16/958(2019.01)G06F8/34(2018.01)G06F8/38(2018.01)G06F9/445(2018.01)权利要求书2页说明书12页附图8页(54)发明名称页面渲染方法、装置、存储介质以及终端(57)摘要本申请公开了一种页面渲染方法、装置、存储介质以及终端，涉及页面处理技术领域。获取客户端框架注入的页面代码，以及创建页面代码中原生组件对应的页面插件；创建表面纹理以及创建页面插件对应的页面插件层；通过表面纹理获取原生组件的数据，将原生组件的数据合成至页面插件层对应的页面视图数据，以及对页面插件层进行显示。由于可以根据客户端框架注入的页面代码创建原生组件的页面插件，以及通过表面纹理获取原生组件的数据，因此可以在浏览器内核中将原生组件的数据合成至页面插件层对应的页面视图数据中，可以实现原生组件与其他组件在页面插件层的同层渲染，减少了开发者对应用程序的开发难度，也大大提高了开发者的开发效率。CN112307403ACN112307403A权利要求书1/2页1.一种页面渲染方法，其特征在于，应用于终端，所述终端至少包括浏览器内核以及客户端框架，所述方法包括：获取所述客户端框架注入的页面代码，以及创建所述页面代码中原生组件对应的页面插件；创建表面纹理以及创建所述页面插件对应的页面插件层；通过所述表面纹理获取所述原生组件的数据，将所述原生组件的数据合成至所述页面插件层对应的页面视图数据，以及对所述页面插件层进行显示。2.根据权利要求1所述的方法，其特征在于，所述创建所述页面代码中原生组件对应的页面插件，包括：获取所述浏览器内核与所述客户端框架之间的协议插件类型；解析所述原生组件的节点信息，获取所述原生组件对应的页面插件的插件类型；若所述协议插件类型包括所述原生组件对应的页面插件的插件类型，则创建所述页面代码中原生组件对应的页面插件。3.根据权利要求1所述的方法，其特征在于，所述创建表面纹理，包括：控制主线程初始化接收表面纹理环境，以及通过图形处理器线程创建表面纹理。4.根据权利要求1至3任一项所述的方法，其特征在于，所述创建所述页面插件对应的页面插件层，包括：创建所述页面插件对应的页面插件层，以及将所述页面插件层插入数据合成树。5.根据权利要求3所述的方法，其特征在于，所述通过所述表面纹理获取所述原生组件的数据之前，还包括：控制渲染线程添加表面纹理数据监听；所述通过所述表面纹理获取所述原生组件的数据，包括：通过所述客户端框架绑定所述原生组件与所述表面纹理；监听所述表面纹理的数据更新，获取并存储所述表面纹理更新的所述原生组件的数据。6.根据权利要求5所述的方法，其特征在于，所述将所述原生组件的数据合成至所述页面插件层对应的页面视图数据之前，包括：初始化数据合成线程的任务环境；所述将所述原生组件的数据合成至所述页面插件层对应的页面视图数据，包括：获取所述页面插件层对应的页面视图数据，在所述任务环境中通过所述数据合成树将所述原生组件的数据合成至所述页面视图数据中。7.根据权利要求6所述的方法，所述通过图形处理器线程创建表面纹理之后，还包括：通过唯一标识标记所述表面纹理与所述页面插件；所述在所述任务环境中通过所述数据合成树将所述原生组件的数据合成至所述页面视图数据中，包括：基于所述唯一标识获取所述表面纹理对应的所述页面插件，在所述任务环境中通过所述数据合成树将所述表面纹理对应的所述原生组件的数据，合成至所述页面插件对应的所述页面视图数据中。8.一种页面渲染装置，其特征在于，应用于终端，所述终端至少包括浏览器内核以及客2CN112307403A权利要求书2/2页户端框架，所述装置包括：插件创建模块，用于获取所述客户端框架注入的页面代码，以及创建所述页面代码中原生组件对应的页面插件；纹理创建模块，用于创建表面纹理以及创建所述页面插件对应的页面插件层；数据合成模块，用于通过所述表面纹理获取所述原生组件的数据，将所述原生组件的数据合成至所述页面插件层对应的页面视图数据，以及对所述页面插件层进行显示。9.一种计算机存储介质，其特征在于，所述计算机存储介质存储有多条指令，所述指令适于由处理器加载并执行如权利要求1～7任意一项的所述方法的步骤。10.一种终端，其特征在于，包括存储器、处理器及存储在存储器上并可