一种浏览器分屏的方法、装置及移动终端制造方法及图纸

本发明专利技术公开了一种浏览器分屏的方法、装置及移动终端，在为待显示页面的渲染树的每一个渲染树节点创建一个合成图层后，还为每一个合成图层创建一个离屏帧缓存对象；通过将当前帧图像的画布的显示区域划分为左半部分和右半部分，并分别在左半部分和右半部分执行相同的画图指令操作，实现对待显示页面的预分屏操作，得到渲染完成的预处理分屏图像；当接收到刷新指令时，调用画图操作，将每一个离屏帧缓存对象在画当前帧图像的过程中存储的画图指令，作用于对应的纹理对象上，得到用于在图形处理器显示的纹理。本发明专利技术是在将待显示页面发送至图形处理器之前，得到渲染完成的预处理分屏图像，在对图像分屏显示时不会存在卡顿延迟现象，并节省了资源。

【技术实现步骤摘要】
一种浏览器分屏的方法、装置及移动终端
本专利技术涉及虚拟现实
，更具体的说，涉及一种浏览器分屏的方法、装置及移动终端。
技术介绍
近年来，虚拟现实技术以其逼真实时的内容展现形式，受到了越来越多人的追捧，为迎合市场需求，很多热门行业如游戏、电影等公司纷纷大力开发虚拟现实世界。虚拟现实(VirtualReality，VR)设备的显示原理是左右眼屏幕上分别显示左右眼的图像，人眼获取这种带有差异的信息后，在脑海中产生立体感，从而产生一种身在虚拟环境中的感觉。因此，VR设备中必不可少的一个技术是浏览器分屏技术。目前，实现浏览器分屏的方案主要有两种：一种是双网页试图控件(webview)分屏方案，一种是双拷贝(copy)分屏方案。双网页试图控件分屏方案的原理为：Chromium(Chromium是Google的chrome浏览器背后的引擎，其目的是为了创建一个安全、稳定和快速的通用浏览器)在Android上将显示页面绘制到网页试图控件(surfaceview)上，浏览器为每个页面创建一个网页试图控件，并为每个网页试图控件创建一个进程(该进程可称之为渲染进程)来渲染这个网页。也就是说，双网页试图控件分屏方案相当于浏览器为显示页面创建两个网页试图控件，并相应的创建两个渲染进程来渲染显示页面。因此耗费资源较大，容易在显示页面复杂时出现卡顿延迟等现象。双拷贝分屏方案的原理为：首先拷贝画在网页显示控件上的图像；然后将拷贝的图像显示在图像显示控件(Imageview，即Android中用来显示的图像的视图)上。也就是说，双拷贝分屏方案中的显示页面，包括：网页显示控件显示的图像以及通过拷贝在图像显示控件显示的图像。由于双拷贝分屏方案需要不停的拷贝网页显示控件显示的图像，并在图像显示控件显示，因此耗费资源也较大，容易出现卡顿延迟等现象。综上，如何提供一种浏览器分屏的方法及装置，以解决传统方案中耗费资源大，容易出现卡顿延迟等问题，是本领域技术人员亟需解决的技术问题。
技术实现思路
有鉴于此，本专利技术公开一种浏览器分屏的方法、装置及移动终端，以解决传统方案在进行浏览器分屏时，耗费资源大，容易出现卡顿延迟等问题。一种浏览器分屏的方法，包括：获取待显示页面的渲染树；为所述渲染树中满足预设合成条件的每一个渲染树节点创建一个合成图层，并为每一个合成图层创建一个离屏帧缓存对象；将当前帧图像的画布的显示区域划分为左半部分和右半部分；利用实例化的直接渲染器，将各所述合成图层对应的渲染纹理，按照预设顺序画在所述左半部分；按照相同的操作，再次将相同的各所述渲染纹理，按照所述预设顺序画在所述右半部分；当接收到刷新指令时，调用画图操作，将每一个所述离屏帧缓存对象在画所述当前帧图像的过程中存储的画图指令，作用于对应的纹理对象上，得到用于在图形处理器显示的纹理。优选的，所述获取待显示页面的渲染树包括：获取所述待显示页面对应的链接；根据所述链接下载所述待显示页面；通过渲染进程解析所述待显示页面，生成所述待显示页面的文档树；根据所述文档树生成渲染树。优选的，在所述得到用于在图行处理器显示的纹理之后，还包括：将所述纹理发送给图形处理器进程，通过所述图形处理器进程对所述纹理进行显示，实现对所述待显示页面的显示。一种浏览器分屏装置，包括：获取单元，用于获取待显示页面的渲染树；创建单元，用于为所述渲染树中满足预设合成条件的每一个渲染树节点创建一个合成图层，并为每一个合成图层创建一个离屏帧缓存对象；区域划分单元，用于将当前帧图像的画布的显示区域划分为左半部分和右半部分；第一绘画单元，用于利用实例化的直接渲染器，将各所述合成图层对应的渲染纹理，按照预设顺序画在所述左半部分；第二绘画单元，用于按照相同的操作，再次将相同的各所述渲染纹理，按照所述预设顺序画在所述右半部分；指令作用单元，用于当接收到刷新指令时，调用画图操作，将每一个所述离屏帧缓存对象在画所述当前帧图像的过程中存储的画图指令，作用于对应的纹理对象上，得到用于在图形处理器显示的纹理。优选的，所述获取单元包括：获取子单元，用于获取所述待显示页面对应的链接；下载子单元，用于根据所述链接下载所述待显示页面；第一生成子单元，用于通过渲染进程解析所述待显示页面，生成所述待显示页面的文档树；第二生成子单元，用于根据所述文档树生成渲染树。优选的，还包括：发送单元，用于将所述纹理发送给图形处理器进程，通过所述图形处理器进程对所述纹理进行显示，实现对所述待显示页面的显示。一种移动终端，包括上述所述的浏览器分屏装置。从上述的技术方案可知，本专利技术公开了一种浏览器分屏的方法、装置及移动终端，在为待显示页面的渲染树的每一个渲染树节点创建一个合成图层后，还为每一个合成图层创建一个离屏帧缓存对象；通过将当前帧图像的画布的显示区域划分为左半部分和右半部分，并分别在左半部分和右半部分执行相同的画图指令操作，实现对待显示页面的预分屏操作，得到渲染完成的预处理分屏图像；当接收到刷新指令时，调用画图操作，将每一个离屏帧缓存对象在画当前帧图像的过程中存储的画图指令，作用于对应的纹理对象上，得到用于在图形处理器显示的纹理，实现对待显示页面的实际分屏。由此可知，本专利技术是在将待显示页面发送至图形处理器之前，得到渲染完成的预处理分屏图像，相比传统方案而言，本专利技术中图形处理器是同时获取渲染完成的预处理分屏图像，因此在对图像分屏显示时不会存在卡顿延迟现象，并且，本专利技术还大大减小了图形处理器在进行分屏处理时的数据处理量，从而大大节省了资源。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据公开的附图获得其他的附图。图1为本专利技术实施例公开的一种浏览器分屏的方法流程图；图2为本专利技术实施例公开的一种获取待显示页面的渲染树的方法流程图；图3为本专利技术实施例公开的一种浏览器分屏装置的结构示意图；图4为本专利技术实施例公开的一种获取单元的结构示意图；图5为本专利技术实施例公开的一种移动终端的硬件结构框图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。本专利技术实施例公开了一种浏览器分屏的方法、装置及移动终端，以解决传统方案在进行浏览器分屏时，耗费资源大，容易出现卡顿延迟等问题。参见图1，本专利技术实施例公开的一种浏览器分屏的方法流程图，该方法包括步骤：步骤S101、获取待显示页面的渲染树；具体的，CSSOM树和DOM树连接在一起形成一个渲染树(rendertree)，渲染树用来计算可见元素的布局并且作为将像素渲染到屏幕上的过程的输入。渲染树(rendertree)只包含了用于渲染页面(即本申请中的待显示页面)的节点。渲染树用来描述所有可见的DOM内容，并且将CSSOM样式信息附加到节点上。其中，本实施例基于chromium内核获取待显示页面的渲染树。“chromium”是一个google本文档来自技高网...

【技术保护点】
1.一种浏览器分屏的方法，其特征在于，包括：获取待显示页面的渲染树；为所述渲染树中满足预设合成条件的每一个渲染树节点创建一个合成图层，并为每一个合成图层创建一个离屏帧缓存对象；将当前帧图像的画布的显示区域划分为左半部分和右半部分；利用实例化的直接渲染器，将各所述合成图层对应的渲染纹理，按照预设顺序画在所述左半部分；按照相同的操作，再次将相同的各所述渲染纹理，按照所述预设顺序画在所述右半部分；当接收到刷新指令时，调用画图操作，将每一个所述离屏帧缓存对象在画所述当前帧图像的过程中存储的画图指令，作用于对应的纹理对象上，得到用于在图形处理器显示的纹理。

【技术特征摘要】
1.一种浏览器分屏的方法，其特征在于，包括：获取待显示页面的渲染树；为所述渲染树中满足预设合成条件的每一个渲染树节点创建一个合成图层，并为每一个合成图层创建一个离屏帧缓存对象；将当前帧图像的画布的显示区域划分为左半部分和右半部分；利用实例化的直接渲染器，将各所述合成图层对应的渲染纹理，按照预设顺序画在所述左半部分；按照相同的操作，再次将相同的各所述渲染纹理，按照所述预设顺序画在所述右半部分；当接收到刷新指令时，调用画图操作，将每一个所述离屏帧缓存对象在画所述当前帧图像的过程中存储的画图指令，作用于对应的纹理对象上，得到用于在图形处理器显示的纹理。2.根据权利要求1所述的方法，其特征在于，所述获取待显示页面的渲染树包括：获取所述待显示页面对应的链接；根据所述链接下载所述待显示页面；通过渲染进程解析所述待显示页面，生成所述待显示页面的文档树；根据所述文档树生成渲染树。3.根据权利要求1所述的方法，其特征在于，在所述得到用于在图行处理器显示的纹理之后，还包括：将所述纹理发送给图形处理器进程，通过所述图形处理器进程对所述纹理进行显示，实现对所述待显示页面的显示。4.一种浏览器分屏装置，其特征在于，包括：获取单元，用于获取待显示页面的渲染树；创建单元，用于为所述渲染树中满足...

【专利技术属性】
技术研发人员：王辉，
申请(专利权)人：中科创达软件股份有限公司，
类型：发明
国别省市：北京,11