页面渲染方法及装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113468448A(43)申请公布日2021.10.01(21)申请号202010240291.7(22)申请日2020.03.31(71)申请人腾讯科技（深圳）有限公司地址518000广东省深圳市南山区高新区科技中一路腾讯大厦35层(72)发明人杨文婷(74)专利代理机构北京派特恩知识产权代理有限公司11270代理人李昂张颖玲(51)Int.Cl.G06F16/957(2019.01)G06F16/958(2019.01)权利要求书2页说明书14页附图6页(54)发明名称页面渲染方法及装置(57)摘要本发明提供了一种页面渲染方法、装置、电子设备及计算机可读存储介质；方法包括：在独立于浏览器环境的多线程环境中创建多个新线程；将所述浏览器环境中待渲染页面包括的多个数据请求任务，对应分配给所述多个新线程，以使所述多个新线程根据各自被分配到的数据请求任务向服务器获取页面数据；接收所述多个新线程分别从所述服务器获取的页面数据，并基于所接收的页面数据渲染所述页面。通过本发明，能够提升页面渲染效率，避免页面出现长期的卡顿或空白，提升了用户体验。CN113468448ACN113468448A权利要求书1/2页1.一种页面渲染方法，其特征在于，所述方法包括：在独立于浏览器环境的多线程环境中创建多个新线程；将所述浏览器环境中待渲染页面包括的多个数据请求任务，对应分配给所述多个新线程，以使所述多个新线程根据各自被分配到的数据请求任务向服务器获取页面数据；接收所述多个新线程分别从所述服务器获取的页面数据，并基于所接收的页面数据渲染所述待渲染页面。2.根据权利要求1所述的方法，其特征在于，所述在独立于浏览器环境的多线程环境中创建多个新线程，包括：在解析所述待渲染页面的页面文件之前，预先在独立于浏览器环境的多线程环境中创建多个新线程；所述将所述浏览器环境中待渲染页面包括的多个数据请求任务，对应分配给所述多个新线程，包括：当解析所述待渲染页面的页面文件，且依次解析出需要获取的多个页面数据时，将用于获取所述多个页面数据的数据请求任务，一一对应分配给空闲的所述新线程；所述方法还包括：当不存在空闲的新线程时，将待执行的数据请求任务存入待执行队列中。3.根据权利要求1所述的方法，其特征在于，所述将所述浏览器环境中待渲染页面包括的多个数据请求任务，对应分配给所述多个新线程，包括：针对所述多个新线程中的任一新线程，通过所述浏览器环境与所述多线程环境之间的通信接口，向所述任一新线程发送对应的通信消息；其中，所述通信消息包括所述任一新线程需要执行的数据请求任务的任务名称、以及所述数据请求任务对应的统一资源定位符。4.根据权利要求3所述的方法，其特征在于，在通过所述浏览器环境与所述多线程环境之间的通信接口，向所述任一新线程发送对应的通信消息之前，所述方法还包括：获取所述数据请求任务的命名规则，根据所述命名规则确定所述多个数据请求任务各自对应的任务名称。5.根据权利要求3所述的方法，其特征在于，所述方法还包括：针对每条所述通信消息，添加对应的消息编号；在所述多线程环境中创建对象，并基于所述对象给每个所述消息编号定义回调函数；基于所述回调函数，对所述多个新线程中各自被分配的数据请求任务的执行状态进行监听；当监听到所述多个新线程中存在已完成数据请求任务的新线程时，为所述已完成数据请求任务的新线程分配待执行队列中的数据请求任务。6.根据权利要求1所述的方法，其特征在于，所述方法还包括：当每个所述新线程从服务器获取页面数据时，对所获取的页面数据进行清洗、计算、以及重组处理，并将经过处理后得到的页面数据发送到所述浏览器环境中以进行渲染。7.根据权利要求1所述的方法，其特征在于，所述基于所接收的页面数据渲染所述页2CN113468448A权利要求书2/2页面，包括：当接收到所述多个新线程中的任一新线程获取的页面数据时，基于所述任一新线程获取的页面数据实时渲染部分页面；所述方法还包括：当接收到针对所述部分页面的人机交互操作时，调用所述浏览器环境中的渲染线程响应所述人机交互操作。8.根据权利要求1所述的方法，其特征在于，所述方法还包括：当接收到针对所述页面的跳转操作时，终止所述多个新线程执行的数据请求任务，并将跳转的新页面包括的多个新数据请求任务，对应分配给所述多个新线程，以使所述多个新线程根据各自被分配到的新数据请求任务向服务器获取新页面数据；接收所述多个新线程分别从所述服务器获取的新页面数据，并基于所接收的所述新页面数据渲染所述新页面。9.根据权利要求1所述的方法，其特征在于，所述方法还包括：每个所述新线程从所述服务器获取与被分配的数据请求任务对应的页面数据；其中，所述获取的页面数据是由所述服务器根据所述