[发明专利]浏览器渲染方法，终端及存储介质

说明书

本申请实施例公开了一种浏览器渲染方法，终端及存储介质，终端创建网页对应的分层树；其中，分层树中包括网页中的视频元素对应的视频标识；当检测到网页对应的滑动操作时，获取分层树中的当前节点对应的第一偏移量；若分层树中的当前节点包括视频标识，且当前节点存在父节点，则获取父节点对应的第二偏移量；根据第一偏移量和第二偏移量确定视频元素对应的目标偏移量；按照目标偏移量对视频标识对应的视频元素进行显示处理。

技术领域

本发明涉及终端设备技术领域，尤其涉及一种浏览器渲染方法，终端及存储介质。

背景技术

目前，浏览器通常采用多进程模式实现通信过程，其中，浏览器的主进程和浏览器的渲染进程之间利用Mojo机制进行通信。在相关技术中，终端通过接管浏览器实现同层播放和非同层播放，在非同层视频播放页面滚动显示的过程中，通常是在浏览器的渲染进程中获取视频的位置信息，进而将位置信息通过Mojo机制告知浏览器的主进程实现视频区域的绘制；而当用户滑动网页时，会在浏览器的渲染进程中遍历网页所有视频节点的位置信息，来获取更新后的视频区域位置信息，进而通过Mojo机制告知浏览器的主进程绘制更新后的视频区域。

因此，在相关的相关技术中，当网页进行滚动显示时，视频的位置可能会产生变化，需要遍历网页的所有节点才能实现更新的视频区域的绘制，页面显示效率低，对终端的性能消耗较大。

发明内容

本申请实施例提供了一种浏览器渲染方法，终端及存储介质，能够提高浏览器渲染的效率，降低对终端的性能消耗。

本申请实施例的技术方案是这样实现的：

第一方面，本申请实施例提供了一种浏览器渲染方法，所述方法包括：

创建网页对应的分层树；其中，所述分层树中包括所述网页中的视频元素对应的视频标识；

当检测到所述网页对应的滑动操作时，获取所述分层树中的当前节点对应的第一偏移量；

若所述分层树中的当前节点包括所述视频标识，且所述当前节点存在父节点，则获取所述父节点对应的第二偏移量；

根据所述第一偏移量和所述第二偏移量确定所述视频元素对应的目标偏移量；

按照所述目标偏移量对所述视频标识对应的视频元素进行显示处理。

第二方面，本申请实施例提供了一种终端，所述终端包括创建单元、获取单元、确定单元以及显示单元，

所述创建单元，用于创建网页对应的分层树；其中，所述分层树中包括所述网页中的视频元素对应的视频标识；

所述获取单元，用于当检测到所述网页对应的滑动操作时，获取所述分层树中的当前节点对应的第一偏移量；若所述分层树中的当前节点包括所述视频标识，且所述当前节点存在父节点，则获取所述父节点对应的第二偏移量；

所述确定单元，用于根据所述第一偏移量和所述第二偏移量确定所述视频元素对应的目标偏移量；

所述显示单元，用于按照所述目标偏移量对所述视频标识对应的视频元素进行显示处理。

第三方面，本申请实施例提供了一种终端，所述终端还包括处理器、存储有所述处理器可执行指令的存储器，当所述指令被所述处理器执行时，实现如上所述的浏览器渲染方法。

第四方面，本申请实施例提供了一种一种计算机可读存储介质，其上存储有程序，应用于终端中，所述程序被处理器执行时，实现如上所述的浏览器渲染方法。