浏览器渲染方法，终端及存储介质技术

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

【技术实现步骤摘要】
浏览器渲染方法，终端及存储介质
本专利技术涉及终端设备
，尤其涉及一种浏览器渲染方法，终端及存储介质。
技术介绍
目前，浏览器通常采用多进程模式实现通信过程，其中，浏览器的主进程和浏览器的渲染进程之间利用Mojo机制进行通信。在相关技术中，终端通过接管浏览器实现同层播放和非同层播放，在非同层视频播放页面滚动显示的过程中，通常是在浏览器的渲染进程中获取视频的位置信息，进而将位置信息通过Mojo机制告知浏览器的主进程实现视频区域的绘制；而当用户滑动网页时，会在浏览器的渲染进程中遍历网页所有视频节点的位置信息，来获取更新后的视频区域位置信息，进而通过Mojo机制告知浏览器的主进程绘制更新后的视频区域。因此，在相关的相关技术中，当网页进行滚动显示时，视频的位置可能会产生变化，需要遍历网页的所有节点才能实现更新的视频区域的绘制，页面显示效率低，对终端的性能消耗较大。
技术实现思路
本申请实施例提供了一种浏览器渲染方法，终端及存储介质，能够提高浏览器渲染的效率，降低对终端的性能消耗。本申请实施例的技术方案是这样实现本文档来自技高网...

【技术保护点】
1.一种浏览器渲染方法，其特征在于，所述方法包括：/n创建网页对应的分层树；其中，所述分层树中包括所述网页中的视频元素对应的视频标识；/n当检测到所述网页对应的滑动操作时，获取所述分层树中的当前节点对应的第一偏移量；/n若所述分层树中的当前节点包括所述视频标识，且所述当前节点存在父节点，则获取所述父节点对应的第二偏移量；/n根据所述第一偏移量和所述第二偏移量确定所述视频元素对应的目标偏移量；/n按照所述目标偏移量对所述视频标识对应的视频元素进行显示处理。/n

【技术特征摘要】
1.一种浏览器渲染方法，其特征在于，所述方法包括：
创建网页对应的分层树；其中，所述分层树中包括所述网页中的视频元素对应的视频标识；
当检测到所述网页对应的滑动操作时，获取所述分层树中的当前节点对应的第一偏移量；
若所述分层树中的当前节点包括所述视频标识，且所述当前节点存在父节点，则获取所述父节点对应的第二偏移量；
根据所述第一偏移量和所述第二偏移量确定所述视频元素对应的目标偏移量；
按照所述目标偏移量对所述视频标识对应的视频元素进行显示处理。


2.根据权利要求1所述的方法，其特征在于，所述按照所述目标偏移量对所述视频标识对应的视频元素进行显示处理，包括：
根据所述目标偏移量生成第一绘制命令；
根据所述第一绘制命令对所述视频标识对应的视频元素进行显示处理。


3.根据权利要求1所述的方法，其特征在于，所述按照所述目标偏移量对所述视频标识对应的视频元素进行显示处理，包括：
确定所述视频元素对应的初始位置信息；
根据所述初始位置信息和所述目标偏移量确定所述视频元素对应的目标位置信息；
基于所述目标位置信息对所述视频元素进行显示处理。


4.根据权利要求3所述的方法，其特征在于，所述方法还包括：
若所述当前节点包括所述视频标识，且所述视频标识对应的属性信息指示不响应所述滑动操作，则继续基于所述初始位置信息对所述视频元素进行显示处理。


5.根据权利要求1所述的方法，其特征在于，所述根据所述第一偏移量和所述第二偏移量确定所述视频元素对应的目标偏移量，包括：
若所述第一偏移量的第一方向和所述第二偏移量的第二方向相同，则对所述第一偏移量和所述第二偏移量进行相加处理，获得所述目标偏移量。


6.根据权利要求1所述的方法，其特征在于，所述根据所述第一偏移量和所述第二偏移量确定所述视频元素对应的目标偏移量，包括：
若所述第一偏移量的第一方向和所述第二偏移量的第二方向不相同，则根据所述第一...

【专利技术属性】
技术研发人员：刘汉军，
申请(专利权)人：OPPO广东移动通信有限公司，
类型：发明
国别省市：广东;44