CN110020300B - 一种浏览器页面合成方法及终端 - Google Patents

Abstract

本发明实施例提供一种浏览器页面合成方法及终端，包括：首先，终端获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分，该终端存储有该多个UI元素中每个UI元素的优先级评分；然后，该终端将该多个UI元素中的第一部分UI元素缓存到硬件图层得到第一缓存内容；接着，该终端将该第一缓存内容和第二缓存内容进行图像合成并显示，该第二缓存内容为采用浏览器和系统合成器对该多个UI元素中的第二部分UI元素进行图像合成得到，该第一部分UI元素中任意UI元素的优先级评分比该第二部分UI元素中任意UI元素的优先级评分高。采用本发明实施例，能够节省资源。

Description

一种浏览器页面合成方法及终端

技术领域

本发明涉及计算机技术领域，尤其涉及一种浏览器页面合成方法及终端。

背景技术

网页内容在通过浏览器显示到显示屏之前通常会经过两次图像合成的流程，具体如图1所示：第一次是由浏览器将需要在浏览器中显示的用户界面(User Interface，UI)组件进行合成(通常会采用GPU加速图像合成)，第二次是操作系统将浏览器合成得到的信息与操作系统的其他UI组件进行合成。然后由硬件合成器(Hardware Composer)对第二次合成得到的信息做进一步优化处理，然后通过显示屏进行显示。当网页中任何一个元素需要更新时，都要走一遍两次合成的流程从而生成用于显示在显示屏的图像。这会造成资源(如处理器、电量等)的浪费，降低终端的性能(例如，减少续航时间)。针对上述两次图像合成流程会降低终端性能的问题，部分浏览器(如Google的Chrome浏览器)会尝试结合终端底层硬件图层技术，在浏览器合成的时候把某些网页图层(如视频或者画布)直接缓存到硬件图层，该某些网页图层就不会触发浏览器合成和操作系统合成。后续，由硬件合成器直接将硬件图层中缓存的信息和通过上述两次图像合成流程得到的信息进行合成，然后通过显示屏显示，具体流程如图2所示。这样做可以在一定程度上提升终端的性能，但是硬件图层的使用存在不合理的情况，如何合理使用硬件图层是本领域的技术人员正在研究的技术问题。

发明内容

本发明实施例公开了一种浏览器合成方法及终端，能够节省资源。

本发明实施例第一方面公开了一种浏览器页面合成方法，该方法包括：首先，终端获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分；然后，该终端将该多个UI元素中的第一部分UI元素缓存到硬件图层得到第一缓存内容；接着，该终端将该第一缓存内容和第二缓存内容进行图像合成并显示，该第二缓存内容为采用浏览器和系统合成器对该多个UI元素中的第二部分UI元素进行图像合成得到，该第一部分UI元素中任意UI元素的优先级评分比该第二部分UI元素中任意UI元素的优先级评分高。

通过执行上述步骤，终端获取浏览器页面中每个UI元素的优先级评分，然后再根据优先级评分区分出第一部分UI元素和第二部分UI元素，再将第一部分UI元素缓存到硬件图层得到第一缓存内容，将第二部分UI元素通过两次合成流程处理得到第二缓存内容，然后对第一缓存内容和第二缓存内容进行合成得到通过显示屏显示的界面；由于第一部分UI元素占用的所需的资源比较多，因此通过处理能力较强的硬件图层来缓存该第一部分UI元素，而不是使用两次合成流程对该第一部分UI元素进行处理，不仅不耽误对该第一部分UI元素的处理，还能够避免过多使用两次合成流程，从而节省了资源(例如，CPU资源，电量，等等)。

结合第一方面，在第一方面的第一种可能的实现方式中，该终端获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分之后，该终端将该多个UI元素中的第一部分UI元素缓存到硬件图层得到第一缓存内容之前，该方法还包括：该终端选择优先级评分排在前S位的UI元素作为使用该硬件图层的UI元素，选择出的优先级排在前S位的UI元素为该第一部分UI元素，S为正整数。也即是说，将优先级评分排在前S位的UI元素挑选出来作为使用硬件图层的UI元素，这样比较客观公正，通常不会出现将不重要的UI元素通过硬件图层加速而将重要的UI元素不通过硬件图层加速的情况。

结合第一方面，或者第一方面的上述任一可能的实现方式，在第一方面的第二种可能的实现方式中，该终端获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分，包括：根据该每个UI元素的特征参数生成该每个UI元素的优先级评分，该特征参数包含更新频率、图层大小、存活时间长度、回退机制次数中至少一项。由于更新频率、图层大小、存活时间长度、回退机制等因素都会直接影响到UI元素合成时的资源消耗情况，因此，将这几项因素中的至少一项纳入到计算优先级评分的计算中，有利于通过优先级评分反映哪些UI元素对硬件图层的需求高哪些UI元素对硬件图层的需求低。

结合第一方面，或者第一方面的上述任一可能的实现方式，在第一方面的第三种可能的实现方式中，该终端根据该每个UI元素的特征参数生成该每个UI元素的优先级评分，包括：该终端根据第M次访问该浏览器页面时该每个UI元素的特征参数，生成该每个UI元素的优先级评分，M为正整数。并且，该终端获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分，包括：终端在第N次访问浏览器页面时获取该浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分，N为正整数且N大于M。可以理解的是，由于优先级评分是根据上一次访问同一浏览器页面所获得的，因此参考价值比较大。

结合第一方面，或者第一方面的上述任一可能的实现方式，在第一方面的第四种可能的实现方式中，该终端根据该每个UI元素的特征参数生成该每个UI元素的优先级评分，包括：该终端根据第Q次访问该浏览器页面时的一段时间内该每个UI元素的特征参数生成该每个UI元素的优先级评分，Q为正整数。并且，该终端获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分，包括：终端在第Q次访问浏览器页面时在该一段时间之后获取该浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分。也即是说，每次访问浏览器页面时在浏览的前一段时间统计优先级评分，后一段时间基于优先级评分确定哪些UI元素使用硬件图层；即该后一段时间用到的优先级评分都是最新的获得的，因此参考价值比较大。

结合第一方面，或者第一方面的上述任一可能的实现方式，在第一方面的第五种可能的实现方式中：

当该特征参数包含该更新频率时，若该特征参数中除该更新频率以外的参数保持不变，该UI元素的更新频率越大则该UI元素的优先级评分越高；

当该特征参数包含该图层大小时，若该特征参数中除该图层大小以外的参数保持不变，该UI元素的图层大小越大则该UI元素的优先级评分越高；

当该特征参数包含该存活时间长度时，若该特征参数中除该存活时间长度以外的参数保持不变，该UI元素的存活时间长度越大则该UI元素的优先级评分越高；

当该特征参数包含该退回机制次数时，若该特征参数中除该退回机制次数以外的参数保持不变，该UI元素的退回机制次数越大则该UI元素的优先级评分越高。

第二方面，本发明实施例提供一种终端，该终端包括处理器和存储器，该存储器用于存储程序指令，该处理器用于调用该程序指令来执行如下操作：首先，获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分；然后，将该多个UI元素中的第一部分UI元素缓存到硬件图层得到第一缓存内容；接着，将该第一缓存内容和第二缓存内容进行图像合成并显示，该第二缓存内容为采用浏览器和系统合成器对该多个UI元素中的第二部分UI元素进行图像合成得到，该第一部分UI元素中任意UI元素的优先级评分比该第二部分UI元素中任意UI元素的优先级评分高。

通过执行上述操作，终端获取浏览器页面中每个UI元素的优先级评分，然后再根据优先级评分区分出第一部分UI元素和第二部分UI元素，再将第一部分UI元素缓存到硬件图层得到第一缓存内容，将第二部分UI元素通过两次合成流程处理得到第二缓存内容，然后对第一缓存内容和第二缓存内容进行合成得到通过显示屏显示的界面；由于第一部分UI元素占用的所需的资源比较多，因此通过处理能力较强的硬件图层来缓存该第一部分UI元素，而不是使用两次合成流程对该第一部分UI元素进行处理，不仅不耽误对该第一部分UI元素的处理，还能够避免过多使用两次合成流程，从而节省了资源(例如，CPU资源，电量，等等)。

结合第二方面，在第二方面的第一种可能的实现方式中，该处理器获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分之后，该处理器将该多个UI元素中的第一部分UI元素缓存到硬件图层得到第一缓存内容之前，该处理器还用于：选择优先级评分排在前S位的UI元素作为使用该硬件图层的UI元素，选择出的优先级排在前S位的UI元素为该第一部分UI元素，S为正整数。也即是说，将优先级评分排在前S位的UI元素挑选出来作为使用硬件图层的UI元素，这样比较客观公正，通常不会出现将不重要的UI元素通过硬件图层加速而将重要的UI元素不通过硬件图层加速的情况。

结合第二方面，或者第二方面的上述任一种可能的实现方式，在第二方面的第二种可能的实现方式中，该处理器获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分，具体为：根据该每个UI元素的特征参数生成该每个UI元素的优先级评分，该特征参数包含更新频率、图层大小、存活时间长度、回退机制次数中至少一项。由于更新频率、图层大小、存活时间长度、回退机制等因素都会直接影响到UI元素合成时的资源消耗情况，因此，将这几项因素中的至少一项纳入到计算优先级评分的计算中，有利于通过优先级评分反映哪些UI元素对硬件图层的需求高哪些UI元素对硬件图层的需求低。

结合第二方面，或者第二方面的上述任一种可能的实现方式，在第二方面的第三种可能的实现方式中，该处理器根据该每个UI元素的特征参数生成该每个UI元素的优先级评分，具体为：根据第M次访问该浏览器页面时该每个UI元素的特征参数，生成该每个UI元素的优先级评分，M为正整数。另外，该处理器获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分，具体为：在第N次访问浏览器页面时获取该浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分，N为正整数且N大于M。可以理解的是，由于优先级评分是根据上一次访问同一浏览器页面所获得的，因此参考价值比较大。

结合第二方面，或者第二方面的上述任一种可能的实现方式，在第二方面的第四种可能的实现方式中，该处理器根据该每个UI元素的特征参数生成该每个UI元素的优先级评分，具体为：根据第Q次访问该浏览器页面时的一段时间内该每个UI元素的特征参数生成该每个UI元素的优先级评分，Q为正整数。另外，该处理器获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分，具体为：在第Q次访问浏览器页面时在该一段时间之后获取该浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分。也即是说，每次访问浏览器页面时在浏览的前一段时间统计优先级评分，后一段时间基于优先级评分确定哪些UI元素使用硬件图层；即该后一段时间用到的优先级评分都是最新的获得的，因此参考价值比较大。

结合第二方面，或者第二方面的上述任一种可能的实现方式，在第二方面的第五种可能的实现方式中：

当该特征参数包含该更新频率时，若该特征参数中除该更新频率以外的参数保持不变，该UI元素的更新频率越大则该UI元素的优先级评分越高；

当该特征参数包含该图层大小时，若该特征参数中除该图层大小以外的参数保持不变，该UI元素的图层大小越大则该UI元素的优先级评分越高；

当该特征参数包含该存活时间长度时，若该特征参数中除该存活时间长度以外的参数保持不变，该UI元素的存活时间长度越大则该UI元素的优先级评分越高；

当该特征参数包含该退回机制次数时，若该特征参数中除该退回机制次数以外的参数保持不变，该UI元素的退回机制次数越大则该UI元素的优先级评分越高。

第三方面，本发明实施例提供一种终端，该终端包括用于执行第一方面或者第一方面的任一可能的实现方式所描述的方法的单元。

第四方面，本发明实施例提供一种芯片系统，该芯片系统包括至少一个处理器，存储器和接口电路，该存储器、该接口电路和该至少一个处理器通过线路互联，该至少一个存储器中存储有程序指令；该程序指令被该处理器执行时，实现第一方面或者第一方面的任一可能的实现方式所描述的方法。

第五方面，本发明实施例提供一种计算机可读存储介质，该计算机可读存储介质中存储有程序指令，当该程序指令由处理器运行时，实现第一方面或者第一方面的任一可能的实现方式所描述的方法。

第六方面，本发明实施例提供一种计算机程序产品，当该计算机程序产品在由处理器上运行时，实现第一方面或者第一方面的任一可能的实现方式所描述的方法。

通过实施本发明实施例，终端获取浏览器页面中每个UI元素的优先级评分，然后再根据优先级评分区分出第一部分UI元素和第二部分UI元素，再将第一部分UI元素缓存到硬件图层得到第一缓存内容，将第二部分UI元素通过两次合成流程处理得到第二缓存内容，然后对第一缓存内容和第二缓存内容进行合成得到通过显示屏显示的界面；由于第一部分UI元素占用的所需的资源比较多，因此通过处理能力较强的硬件图层来缓存该第一部分UI元素，而不是使用两次合成流程对该第一部分UI元素进行处理，不仅不耽误对该第一部分UI元素的处理，还能够避免过多使用两次合成流程，从而节省了资源(例如，CPU资源，电量，等等)。

附图说明

以下对本发明实施例用到的附图进行介绍。

图1是现有技术中的一种浏览器页面合成的场景示意图；

图2是现有技术中的一种浏览器页面合成的场景示意图；

图3是本发明实施例提供的一种终端的结构示意图；

图4是本发明实施例提供的一种浏览器合成的场景示意图；

图5是本发明实施例提供的一种浏览器页面合成方法的流程示意图；

图6是本发明实施例提供的又一种浏览器页面合成方法的流程示意图；

图7是本发明实施例提供的又一种浏览器页面合成方法的流程示意图；

图8是本发明实施例提供的一种操作系统的结构示意图；

图9是本发明实施例提供的一种终端的结构示意图。

具体实施方式

下面结合本发明实施例中的附图对本发明实施例进行描述。

本发明实施例所涉及到的终端可以包括具有无线通信功能的手持设备(例如，手机、平板电脑、掌上电脑等)、车载设备(例如，汽车、自行车、电动车、飞机、船舶等)、可穿戴设备(例如智能手表(如iWatch等)、智能手环、计步器等)、智能家居设备(例如，冰箱、电视、空调、电表等)、智能机器人、车间设备、能够连接到无线调制解调器的其它处理设备，以及各种形式的用户设备(User Equipment，UE)、移动台(Mobile station，MS)、终端设备(Terminal Equipment)，等等。

请参见图3，为本发明实施例应用的终端300的结构示意图。该终端300包括存储器380、处理器350、硬件图层342、系统合成器343、硬件合成器344和GPU345。存储器380存储计算机程序，计算机程序包括操作系统程序382和应用程序381等，其中，应用程序381包括浏览器程序。处理器350用于读取存储器380中的计算机程序，然后执行计算机程序定义的方法，例如处理器350读取操作系统程序382从而在该终端300上运行操作系统以及实现操作系统的各种功能，或读取一种或多种应用程序381，从而在该终端上运行应用，例如，读取浏览器程序来运行浏览器。

图形处理器GPU也称显示核心、视觉处理器、显示芯片，是一种专门在个人电脑、工作站、游戏机和一些移动设备(如平板电脑、智能手机等)上进行图像运算工作的微处理器。

硬件图层(Hardware Overlay)是显卡中一块专用的显示内存，在该内存中的图像可以通过硬件驱动直接合成到屏幕上显示，不涉及GPU指令的操作，比采用GPU合成更加高效。

系统合成器是操作系统的图像合成器，通过GPU把不同UI组件合成在同一快显卡内存中。

硬件合成器用于把系统合成器输出的缓存和硬件图层中的缓存进行合成并输出到屏幕上。

处理器350可以包括一个或多个处理器，例如，处理器350可以包括一个或多个中央处理器。当处理器350包括多个处理器时，这多个处理器可以集成在同一块芯片上，也可以各自为独立的芯片。一个处理器可以包括一个或多个处理核，以下实施例均以多核为例来介绍，但是本发明实施例提供的浏览器页面合成方法也可以应用于单核处理器。

另外，存储器380还存储有除计算机程序之外的其他数据383，其他数据383可包括操作系统382或应用程序381被运行后产生的数据，该数据包括系统数据(例如操作系统的配置参数)和用户数据，例如终端运行浏览器的时候产生的数据可看作是用户数据。

存储器380一般包括内存和外存。内存可以为随机存储器(RAM)，只读存储器(ROM)，以及高速缓存(CACHE)等。外存可以为硬盘、光盘、USB盘、软盘或磁带机等。计算机程序通常被存储在外存上，处理器在执行处理前会将计算机程序从外存加载到内存。

操作系统程序382中包含了可实现本发明实施例提供的浏览器页面合成方法的计算机程序，从而使得处理器350读取到该操作系统程序382并运行该操作系统后，该操作系统可具备本发明实施例提供的浏览器页面合成功能。

终端300还可以包括输入设备330，用于接收输入的数字信息、字符信息或接触式触摸操作/非接触式手势，以及产生与终端300的用户设置以及功能控制有关的信号输入等。具体地，本发明实施例中，该输入设备330可以包括触控面板331。触控面板331，也称为触摸屏，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板331上或在触控面板331的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触控面板331可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给该处理器350，并能接收处理器350发来的命令并加以执行。例如，用户在触控面板331上用手指单击某个虚拟按钮，触摸检测装置检测到此次单击带来的这个信号，然后将该信号传送给触摸控制器，触摸控制器再将这个信号转换成坐标发送给处理器350，处理器350根据该坐标和该信号的类型(单击或双击)执行UI组件合成的操作，最后将合成结果显示在显示面板341上。

触控面板331可以采用电阻式、电容式、红外线以及表面声波等多种类型实现。除了触控面板331，输入设备330还可以包括其他输入设备332，其他输入设备332可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、鼠标、操作杆等中的一种或多种。

终端300还可以包括屏幕340，该屏幕340包括显示面板341，用于显示由用户输入的信息或提供给用户的信息以及终端300的各种菜单界面等，在本发明实施例中主要用于显示对UI组件合成后形成的图像等信息。该屏幕340可包括显示面板341，可选的，可以采用液晶显示器(英文：Liquid Crystal Display，简称：LCD)或有机发光二极管(英文：OrganicLight－Emitting Diode，简称：OLED)等形式来配置显示面板341。在其他一些实施例中，触控面板331可覆盖显示面板341上，形成触摸显示屏。

除以上之外，终端300还可以包括用于给其他模块供电的电源390以及用于拍摄照片或视频的摄像头360、获取终端的地理位置的定位模块(如GPS)361、获取终端的摆放姿态(如角度、方位等)的陀螺仪362、记录时间的定时器363；其中，终端300还可以包括一个或多个传感器320，例如加速度传感器、光传感器等。终端300还可以包括无线射频(RadioFrequency，RF)电路310，用于与无线网络设备进行网络通信，还可以包括WiFi模块370，用于与其他设备进行WiFi通信。

在本发明实施例中，处理器350读取浏览器程序来运行浏览器时，该浏览器中各个进程或功能单元与终端上的其他功能单元(或者说器件)之间的操作关系如图4所示。图4所示的场景示意图中包括Renderer进程401、浏览器主进程402、GPU进程403、其他系统资源404、硬件图层405、系统合成器406、硬件合成器407、GPU408和屏幕(或称显示屏)409等组件，其中，各个组件的描述如下：

浏览器主进程402负责创建Renderer进程和GPU进程，及用于负责资源访问和权限管理。

GPU进程403具有访问图形处理器(Graphics Processing Unit，GPU)的能力，通过执行GPU指令进行渲染合成，通常浏览器主进程和Renderer进程都通过GPU进程来渲染显示。

Renderer进程401通常浏览器的一个页面对应一个Renderer进程，每个Renderer进程都跑在隔离的环境中，通常没有访问操作系统资源的能力。操作系统显示的能力通过发送命令到GPU进程403进行渲染操作，其他能力(如网络和文件的读写能力)通过浏览器的主线程访问。另外，该Renderer进程401还可以包括渲染引擎、脚本引擎、DOM架构、硬件图层选择器和合成器，其中：渲染引擎主要负责解析HTML和CSS，并根据解析结果渲染出正常的网页元素。脚本(JavaScript)引擎用于执行页面中包含的JavaScript代码，响应用户的操作从而动态的改变页面状态。DOM架构(DOM Bindings)用于对网页的内容进行结构性的描述，它可以让JavaScript脚本语言调用浏览器的原生能力来操作DOM结构。硬件图层选择器用于根据相应策略选择哪些浏览器图层(即UI元素)使用硬件图层405资源。该合成器用于把浏览器的各个图层渲染合并成一个视图。

其他系统资源404可以包括网络访问，本地文件读写等，可以被浏览器调用。

系统合成器406用于通过GPU408对浏览器合成得到的视图与操作系统中的图层图层合成。

硬件合成器407用于将硬件图层中的缓存内容、该系统合成器合成得到的视图、以及硬件层的一些图层做进一步合成，得到能够在屏幕409上显示的视图。

请参见图5，图5是本发明实施例提供的一种浏览器页面合成方法，该方法可以基于图3所示的终端30以及图4所示的连接关系来实现，该方法包括但不限于如下步骤：

步骤S501：终端获取浏览器页面中的多个UI元素中每个UI元素的优先级评分。

可选的，每个UI元素的优先级评分可以是该终端计算得到的，例如，该终端根据该多个用户界面UI元素中每个UI元素的特征参数生成每个UI元素的优先级评分，该特征参数包含更新频率、图层大小、存活时间长度、回退机制次数中至少一项(即一项或至少两项)，该特征参数除了包含更新频率、图层大小、存活时间长度、回退机制次数中至少一项之外，还可能包含其他参数信息。其中，存活时间长度可以为已经存活的时间长度，也可以为预计后续还会存活的时间长度，还可以包括已经存活的时间长度和预计后续还会存活的时间长度，计算出的每个UI元素的优先级评分可以存储起来供后续使用，也可以不存储直接使用。

可选的，每个UI元素的优先级评分可以是该其他设备获取并告知(例如，发送消息来告知)给该终端的，例如，该其他设备可以是存放该浏览器网页的服务器，或者其他可以访问该浏览器网页的设备。该其他设备可以通过计算的方式(计算的方式可以参照以上描述的终端的计算方式)获取该优先级评分，也可以是预先配置在该其他设备中的优先级评分，终端获取的每个UI元素的优先级评分可以存储起来供后续使用，也可以不存储直接使用。

当根据特征参数来计算优先级评分时，特征参数所包含的量对优先级评分的影响如下：

当该特征参数包含该更新频率时，若该特征参数中除该更新频率以外的参数保持不变，该UI元素的更新频率越大则该UI元素的优先级评分越高。

当该特征参数包含该图层大小时，若该特征参数中除该图层大小以外的参数保持不变，该UI元素的图层大小越大则该UI元素的优先级评分越高，该UI元素的图层大小越小则该UI元素的优先级评分越低。

当该特征参数包含该存活时间长度时，若该特征参数中除该存活时间长度以外的参数保持不变，该UI元素的存活时间长度越大则该UI元素的优先级评分越高；该UI元素的存活时间长度越小则该UI元素的优先级评分越低。

当该特征参数包含该退回机制次数时，若该特征参数中除该退回机制次数以外的参数保持不变，该UI元素的退回机制次数越大则该UI元素的优先级评分越高；该UI元素的退回机制次数越小则该UI元素的优先级评分越低。

当该特征参数包含多个量时，应该考虑该多个量对UI元素的优先级评分的综合影响。

在本发明实施例中，通过每个UI元素的特征参数生成该每个UI元素的优先级评分的具体方式可以包括但不限于如下两种可能的情况：

情况一：该终端根据该每个UI元素的特征参数生成该每个UI元素的优先级评分，具体为：该终端根据第M次访问该浏览器页面时该每个UI元素的特征参数，生成该每个UI元素的优先级评分，M为正整数。

在这种情况下，该终端获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分，可以具体为：终端在第N次访问浏览器页面时获取该浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分，N为正整数且N大于M。可以理解的是，终端每次访问该浏览器页面时可以获取到该浏览器页面中每个UI元素的优先级评分，该终端具体在第M次访问该浏览器页面时生成(例如，计算)该浏览器页面中每个UI元素的优先级评分，供终端在第N次访问该浏览器页面时使用，这样一来，终端在第N次访问浏览器页面时就可以直接获取终端在第M次访问浏览器页面时生成的每个UI元素的优先级评分。例如，终端第1次访问该浏览器页面时，可以根据第1次访问时该浏览器页面呈现的每个UI元素的特征参数，生成该每个UI元素的优先级评分，那么，该终端第2次开始访问该浏览器页面时，就可以直接使用第1次访问该浏览器页面时生成的每个UI元素的优先级评分。同理，第2次访问该浏览器页面时生成的每个UI元素的优先级评分可以用于第3次访问该浏览器页面时使用；第1次访问该浏览器页面时生成的每个UI元素的优先级评分可以用于第3次访问该浏览器页面时使用；其余依次类推。

情况二：该终端根据该每个UI元素的特征参数生成该每个UI元素的优先级评分，具体为：该终端根据第Q次访问该浏览器页面时的一段时间内该每个UI元素的特征参数生成该每个UI元素的优先级评分，Q为正整数。

在这种情况下，该终端获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分，可以具体为：终端在第Q次访问浏览器页面时在该一段时间之后获取该浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分。可以理解的是，终端每次访问该浏览器网页时一般都会持续一定的时间，那么，以第Q次访问该浏览器网页为例，可以在第Q次访问该浏览器页面的前一段时间内该浏览器页面所呈现出的每个UI元素的特征参数，生成每个UI元素的优先级评分。例如，终端在第Q次访问该浏览器页面时，可以在访问的前1分钟根据该浏览器页面呈现出的每个UI元素的特征参数，生成该每个UI元素的优先级评分，这样一来该终端就可以在该1分钟之后获取每个元素的优先级评分。

步骤S502：该终端选择优先级评分排在前S位的UI元素作为使用该硬件图层的UI元素。

具体地，该终端获取了该多个UI元素中每个UI元素的优先级评分之后，选择优先级评分排在前S位的UI元素作为使用该硬件图层的UI元素，选择出的优先级排在前S位的UI元素可以称为第一部分UI元素以方便后续描述，S为正整数。S可以为固定值；也可以为根据硬件图层的使用情况确定的值，这前S个UI元素使用硬件图层时会占用硬件图层的部分资源，要保证该硬件图层的有限资源够用就需要适当控制S的数值大小。可选的，该终端可以通过预先配置的硬件图层选择器来选择该使用该硬件图层的UI元素。图6示意了硬件图层选择器运行时的内部逻辑，首选需要判断UI元素是否满足硬件图层加速条件(例如，某些图层被其他图层覆盖，那么该某些图层即便使用硬件图层加速也不会达到很好的显示效果，因此可以认为该某些图层不满足硬件图层加速条件，以免该某些图层浪费硬件图层资源)，不满足则确定该UI元素需要通过GPU合成，满足则进一步获取该UI元素的优先级评分；这样一来，多个UI元素就可以形成一个待选列表，列表中每个UI元素都有自己的优先级评分；最后从该待选列表中选择优先级评分排在前几位的UI元素作为使用硬件图层的UI元素，同时也要保证选择出的UI元素不超过硬件图层的处理能力。

可选的，该硬件图层选择器可以具有如下特点：1、能够根据优先级评分选择使用该硬件图层的UI元素而不是每次都确定同样的UI元素为使用该硬件图层的UI元素。2、可以在浏览器启动的时候才开始工作，从而控制开销，另外，该硬件图层选择器工作时不会对浏览器的其他进程造成干扰。

可选的，有些事件可以触发终端重新选择能够使用该硬件图层的UI元素，例如，1、浏览器页面中存在UI元素被删除。2、浏览器页面中存在UI元素被覆盖。3、存在UI元素状态发生变化(比如视频元素暂停播放导致更新频率下降等)。4、动态创建的新UI元素拥有更高的优先级评分。5、某些UI元素的优先级评分变化较大。等等。

步骤S503：该终端将该多个UI元素中的第一部分UI元素缓存到硬件图层。

具体地，缓存到该硬件图层中的第一部分UI元素不需要经过浏览器合成和系统合成器合成，可以称第一部分UI元素缓存到硬件图层中得到的内容为第一缓存内容，以方便后续描述。

步骤S504：该终端将该第一缓存内容和第二缓存内容进行图像合成并显示。

具体地，该第二缓存内容为采用浏览器和系统合成器对该多个UI元素中的第二部分UI元素进行图像合成得到，该第一部分UI元素中任意UI元素的优先级评分比该第二部分UI元素中任意UI元素的优先级评分高。可选的，该终端可以通过硬件合成器将第一缓存内容和第二缓存内容进行合成并通过显示屏显示。

可以理解的是，由于第一部分UI元素的优先级评分较高，第二部分UI元素的优先级评分较低(根据以上计算优先级评分的方式可以得出)，根据以上描述的优先级评分的计算原理可知，第一部分UI元素所占用的资源(如CPU资源，电量资源，等等)相对较高，第二部分UI元素占用的资源相对较低。本发明实施例提出将第一部分UI元素缓存到处理效率较高的硬件图层中，而对第二部分UI元素使用处理效率较低的两次合成流程(浏览器合成和系统合成器合成)来处理，能够提高对浏览器页面中的UI元素的整体处理效率。

举例来说，当计算UI元素的优先级评分用到了“更新频率”，那么第一部分UI元素通常包含更新频率较大的UI元素，如果将该第一部分UI元素在频繁更新后就不需要频繁地经历浏览器合成和系统合成器合成的流程(后续简称为“两次合成流程”)，只需要将更新后的内容缓存到硬件图层即可。而第二部分UI元素通常包含更新频率较小的UI元素，因此第二部分UI元素即便使用的是两次合成流程但是因为第二部分UI元素没有频繁更新，因此第二部分UI元素也不会频繁地经历两次合成流程。由于本发明实施例没有频繁启动两次合成流程，因此可以节省资源(例如，CPU资源，电量，等等)。

需要说明的是，以上步骤S501－S504是以终端为执行主体进行描述的，在实际应用中该终端所执行的操作可能是其包含的模块来具体执行，下面结合图7提供一种可选的该终端内部模块之间的交互流程，具体如下：

1、在访问浏览器页面的最开始，浏览器中用于调用GPU的进程将该浏览器页面中的全部UI元素都采用GPU加速合成，使得全部UI元素都执行两次合成流程。

2、浏览器请求硬件图层选择器选择能够使用硬件图层的UI元素。

3、硬件图层选择器根据UI元素的优先级评分选择使用硬件图层的UI元素并告知浏览器，其中，选择出的使用硬件图层的UI元素可以称为第一部分UI元素，选择出的不使用硬件图层的UI元素可以称为第二部分UI元素。

4、浏览器将第一部分UI元素缓存到该硬件图层，以及对第二部分UI元素采用两次合成流程处理(主要采用GPU加速合成)。

5、有些事件触发硬件图层选择器重新选择能够使用该硬件图层的UI元素，这些事件以上已有描述此处不再赘述。

6、硬件图层选择器根据事件触发确定新的第一部分UI元素和新的第二部分UI元素，并将结果反馈给浏览器。

7、浏览器将新的第一部分UI元素缓存到该硬件图层，以及对新的第二部分UI元素采用两次合成流程处理(主要采用GPU加速合成)。

在图5所描述的方法中，终端获取浏览器页面中每个UI元素的优先级评分，然后再根据优先级评分区分出第一部分UI元素和第二部分UI元素，再将第一部分UI元素缓存到硬件图层得到第一缓存内容，将第二部分UI元素通过两次合成流程处理得到第二缓存内容，然后对第一缓存内容和第二缓存内容进行合成得到通过显示屏显示的界面；由于第一部分UI元素占用的所需的资源比较多，因此通过处理能力较强的硬件图层来缓存该第一部分UI元素，而不是使用两次合成流程对该第一部分UI元素进行处理，不仅不耽误对该第一部分UI元素的处理，还能够避免过多使用两次合成流程，从而节省了资源(例如，CPU资源，电量，等等)。

以上主要介绍了本发明实施例提供终端的结构，以及介绍了本发明实施例提供的方法的具体流程，下面结合图8，介绍本发明实施例提供的方法实现位置所涉及的操作系统的各个部件。

请参阅图8，为本发明实施例提供的终端800的结构示意图。该终端800可以本发明实施例的设备。该终端800包括应用层810和操作系统层850，该操作系统可以为Android操作系统。操作系统层850又分为框架层820、核心库层830和驱动层840。其中，图8中的操作系统层850可以认为是图3中操作系统382的一种具体实现，图8中的应用层810可以认为是图3中应用程序381的一种具体实现。驱动层840包括CPU驱动841、GPU驱动842、显示控制器驱动843、定位模块驱动844、陀螺仪驱动845和定时器驱动846等。核心库层830是操作系统的核心部分，包括输入/输出服务831、核心服务832、媒体服务834等，该媒体服务843中包含JPEG格式的图片库1、PNG格式的图片库2以及其他格式的图片库，该媒体服务843还包括算法库，该算法库用于存储本发明中与图片处理相关的算法，例如，选择第一图片的算法，选择参考图片的算法等。框架层820可包括图形服务(Graphic Service)824、系统服务(Systemservice)821、网页服务(Web Service)822和用户服务(Customer Service)823等，其中，网页服务可以用于浏览器浏览网页；图形服务824中，可包括如图像编码Codec、视频编码Codec以及音频编码Codec等，本发明方案应用到了该网页服务。应用层810可包括图库811、媒体播放器(Media Player)812以及浏览器(Browser)813等。

另外，在驱动层840之下，该计算机系统800还包括硬件层850。该计算机系统800的硬件层可以包括中央处理器(Central Processing Unit，CPU)851和图形处理器(GraphicProcessing Unit，GPU)852(相当于图3中的处理器350的一种具体实现)，还可以包括存储器853(相当于图3中的存储器380)，包括内存和外存，还可以包括定位模块854(相当于图3中的定位模块361)、陀螺仪855(相当于图3中的显示设备362)，还可以包括定时器856(相当于图3中的定时器363)，还可以包括一个或多个传感器。当然除此之外，硬件层850还可以包括图3中示出的电源、摄像头、RF电路和WiFi模块，还可以包括图3中也没有示出的其他硬件模块，例如内存控制器和显示控制器等。

以上主要介绍了本发明实施例提供终端的结构，本发明实施例提供的方法的具体流程，以及本发明实施例提供的操作系统的架构，下面提供一种虚拟装置。

请参见图9、图9是本发明实施例提供的一种终端90的结构示意图，该终端90包括获取单元901、缓存单元902和合成单元903，各个单元的描述如下：

获取单元901用于获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分。

缓存单元902用于将所述多个UI元素中的第一部分UI元素缓存到硬件图层得到第一缓存内容。

合成单元903用于将所述第一缓存内容和第二缓存内容进行图像合成并显示，所述第二缓存内容为采用浏览器和系统合成器对所述多个UI元素中的第二部分UI元素进行图像合成得到，所述第一部分UI元素中任意UI元素的优先级评分比所述第二部分UI元素中任意UI元素的优先级评分高。

需要说明的是，各个单元的实现还可以对应参照图5所示的方法实施例的相应描述。

图9所描述的终端90中，终端获取浏览器页面中每个UI元素的优先级评分，然后再根据优先级评分区分出第一部分UI元素和第二部分UI元素，再将第一部分UI元素缓存到硬件图层得到第一缓存内容，将第二部分UI元素通过两次合成流程处理得到第二缓存内容，然后对第一缓存内容和第二缓存内容进行合成得到通过显示屏显示的界面；由于第一部分UI元素占用的所需的资源比较多，因此通过处理能力较强的硬件图层来缓存该第一部分UI元素，而不是使用两次合成流程对该第一部分UI元素进行处理，不仅不耽误对该第一部分UI元素的处理，还能够避免过多使用两次合成流程，从而节省了资源(例如，CPU资源，电量，等等)。

本发明实施例还提供一种终端，该终端包括用于执行图5所示方法实施例的单元。

本发明实施例提供一种芯片系统，该芯片系统包括至少一个处理器，存储器和接口电路，该存储器、该接口电路和该至少一个处理器通过线路互联，该至少一个存储器中存储有程序指令；该程序指令被该处理器执行时，实现图5所示方法实施例。

本发明实施例还提供一种计算机可读存储介质，该计算机可读存储介质中存储有程序指令，当该程序指令由处理器运行时，实现图5所示方法实施例。

本发明实施例还提供一种计算机程序产品，当该计算机程序产品在由处理器上运行时，实现图5所示方法实施例。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，该流程可以由计算机程序来指令相关的硬件完成，该程序可存储于计算机可读取存储介质中，该程序在执行时，可包括如上述各方法实施例的流程。而前述的存储介质包括：ROM或随机存储记忆体RAM、磁碟或者光盘等各种可存储程序代码的介质。

Claims (15)

1.一种浏览器页面合成方法，其特征在于，包括：

终端获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分；

所述终端将所述多个用户界面UI元素中的第一部分UI元素缓存到硬件图层得到第一缓存内容；

所述终端将所述第一缓存内容和第二缓存内容进行图像合成并显示，所述第二缓存内容为采用浏览器和系统合成器对所述多个用户界面UI元素中的第二部分UI元素进行图像合成得到，所述第一部分UI元素中任意UI元素的优先级评分比所述第二部分UI元素中任意UI元素的优先级评分高。

2.根据权利要求1所述的方法，其特征在于，所述终端获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分之后，所述终端将所述多个用户界面UI元素中的第一部分UI元素缓存到硬件图层得到第一缓存内容之前，所述方法还包括：

所述终端选择优先级评分排在前S位的UI元素作为使用所述硬件图层的UI元素，选择出的优先级排在前S位的UI元素为所述第一部分UI元素，S为正整数。

3.根据权利要求1或2所述的方法，其特征在于，所述终端获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分，包括：

根据所述每个UI元素的特征参数生成所述每个UI元素的优先级评分，所述特征参数包含更新频率、图层大小、存活时间长度、回退机制次数中至少一项。

4.根据权利要求3所述的方法，其特征在于：

所述终端根据所述每个UI元素的特征参数生成所述每个UI元素的优先级评分，包括：

所述终端根据第M次访问所述浏览器页面时所述每个UI元素的特征参数，生成所述每个UI元素的优先级评分，M为正整数；

所述终端获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分，包括：

终端在第N次访问浏览器页面时获取所述浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分，N为正整数且N大于M。

5.根据权利要求3所述的方法，其特征在于：

所述终端根据所述每个UI元素的特征参数生成所述每个UI元素的优先级评分，包括：

所述终端根据第Q次访问所述浏览器页面时的一段时间内所述每个UI元素的特征参数生成所述每个UI元素的优先级评分，Q为正整数；

所述终端获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分，包括：

终端在第Q次访问浏览器页面时在所述一段时间之后获取所述浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分。

6.根据权利要求3所述的方法，其特征在于；

当所述特征参数包含所述更新频率时，若所述特征参数中除所述更新频率以外的参数保持不变，所述UI元素的更新频率越大则所述UI元素的优先级评分越高；

当所述特征参数包含所述图层大小时，若所述特征参数中除所述图层大小以外的参数保持不变，所述UI元素的图层大小越大则所述UI元素的优先级评分越高；

当所述特征参数包含所述存活时间长度时，若所述特征参数中除所述存活时间长度以外的参数保持不变，所述UI元素的存活时间长度越大则所述UI元素的优先级评分越高；

当所述特征参数包含所述回退机制次数时，若所述特征参数中除所述回退机制次数以外的参数保持不变，所述UI元素的回退机制次数越大则所述UI元素的优先级评分越高。

7.一种终端，其特征在于，所述终端包括处理器和存储器，所述存储器用于存储程序指令，所述处理器用于调用所述程序指令来执行如下操作：

获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分；

将所述多个用户界面UI元素中的第一部分UI元素缓存到硬件图层得到第一缓存内容；

将所述第一缓存内容和第二缓存内容进行图像合成并显示，所述第二缓存内容为采用浏览器和系统合成器对所述多个用户界面UI元素中的第二部分UI元素进行图像合成得到，所述第一部分UI元素中任意UI元素的优先级评分比所述第二部分UI元素中任意UI元素的优先级评分高。

8.根据权利要求7所述的终端，其特征在于，所述处理器获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分之后，所述处理器将所述多个用户界面UI元素中的第一部分UI元素缓存到硬件图层得到第一缓存内容之前，所述处理器还用于：

选择优先级评分排在前S位的UI元素作为使用所述硬件图层的UI元素，选择出的优先级排在前S位的UI元素为所述第一部分UI元素，S为正整数。

9.根据权利要求7或8所述的终端，其特征在于，所述处理器获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分，具体为：

根据所述每个UI元素的特征参数生成所述每个UI元素的优先级评分，所述特征参数包含更新频率、图层大小、存活时间长度、回退机制次数中至少一项。

10.根据权利要求9所述的终端，其特征在于：

所述处理器根据所述每个UI元素的特征参数生成所述每个UI元素的优先级评分，具体为：根据第M次访问所述浏览器页面时所述每个UI元素的特征参数，生成所述每个UI元素的优先级评分，M为正整数；

所述处理器获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分，具体为：在第N次访问浏览器页面时获取所述浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分，N为正整数且N大于M。

11.根据权利要求9所述的终端，其特征在于：

所述处理器根据所述每个UI元素的特征参数生成所述每个UI元素的优先级评分，具体为：根据第Q次访问所述浏览器页面时的一段时间内所述每个UI元素的特征参数生成所述每个UI元素的优先级评分，Q为正整数；

所述处理器获取浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分，具体为：在第Q次访问浏览器页面时在所述一段时间之后获取所述浏览器页面中的多个用户界面UI元素中每个UI元素的优先级评分。

12.根据权利要求9所述的终端，其特征在于；

当所述特征参数包含所述更新频率时，若所述特征参数中除所述更新频率以外的参数保持不变，所述UI元素的更新频率越大则所述UI元素的优先级评分越高；

当所述特征参数包含所述图层大小时，若所述特征参数中除所述图层大小以外的参数保持不变，所述UI元素的图层大小越大则所述UI元素的优先级评分越高；

当所述特征参数包含所述存活时间长度时，若所述特征参数中除所述存活时间长度以外的参数保持不变，所述UI元素的存活时间长度越大则所述UI元素的优先级评分越高；

当所述特征参数包含所述回退机制次数时，若所述特征参数中除所述回退机制次数以外的参数保持不变，所述UI元素的回退机制次数越大则所述UI元素的优先级评分越高。

13.一种终端，其特征在于，包括用于执行权利要求1－6任一项所述的方法的单元。

14.一种芯片系统，其特征在于，所述芯片系统包括至少一个处理器，存储器和接口电路，所述存储器、所述接口电路和所述至少一个处理器通过线路互联，所述至少一个存储器中存储有程序指令；所述程序指令被所述处理器执行时，实现权利要求1－6任一所述的方法。

15.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有程序指令，当所述程序指令由处理器运行时，实现权利要求1－6任一项所述的方法。

Images