CN115221436A - 一种机顶盒及机顶盒页面显示方法 - Google Patents

Abstract

本申请提供的机顶盒及机顶盒页面显示方法，本申请中CPU在处理图像时，判断接收到的帧数据图像内容为网页背景层时，对网页背景层不分块，判断接收到的帧数据图像内容为非网页背景层时，将非网页背景层分块得到各分块，这样在图像渲染时，网页背景层为全屏、完整显示，然后再全屏的网页背景层上叠加各分块、光栅化渲染输出并在显示设备上显示；通过上述可知，本申请中可以保证网页背景层一次完成显示，然后在该网页背景层上叠加、渲染各分块，在渲染各分块时非网页背景层仍然会交错处理而造成各分块处理不同步，然而在一个完整的、全屏的网页背景层上添加新的内容时，在用户快速操作浏览器时在视觉上不会感受到闪烁，从而增加用于体验。

Description

一种机顶盒及机顶盒页面显示方法

技术领域

本申请涉及浏览器技术领域，尤其涉及一种机顶盒及机顶盒页面显示方法。

背景技术

IPTV机顶盒产品通常包括IPTV浏览器和播放器，其中IPTV浏览器的页面尺寸比较大，若对大尺寸页面直接进行图形渲染，由于对GPU(Graphics processing unit，图形处理器)的资源消耗较大，且CPU(中央处理器)处理效率低，此时会给用户造成刷新慢的感觉，为了增加用户体验，通常采用分块渲染的方式进行图形渲染。

基于本申请背景下，为描述方便暂将待显示网页图像划分为网页背景层、网页内容层和网页光标层，在动态过程中会出现这样的问题：第一帧图像和第二帧图像处理不同步，进而导致两帧图像显示不同步，当用户快速操作浏览器时在视觉上会感受到显示屏幕某个角落出现短时的闪烁现象，当浏览器底色为黑色时则在显示屏幕的某个角落会出现短时的黑块状闪烁。

发明内容

本申请实施例提供了一种机顶盒及机顶盒页面显示方法，以解决因各帧图像之间不同步显示，在用户快速操作浏览器时视觉上感受到的闪烁问题，进而增加用户体验。

第一方面，本申请提供了一种机顶盒，机顶盒包括：

网络接口，用于接收和传输帧数据；

CPU，与所述网络接口电连接，被配置为：

当接收到来自所述网络接口的帧数据内容为网页背景层时，对所述帧数据不分块；

当接收到来自所述网络接口的帧数据内容为非网页背景层时，将所述帧数据分块；

存储器，与所述CPU电连接，用于存储所述网页背景层和所述非网页背景层分块后的帧数据；

GPU，与所述存储器连接，被配置为：

将从所述存储器读取的所述网页背景层的帧数据渲染后输出网页背景层，

将从所述存储器读取的所述非网页背景层分块后的帧数据渲染后输出非网页背景层；

HDMI接口，用于接收和传输所述GPU处理后的帧数据。

第二方面，基于上述机顶盒，本申请提供了一种机顶盒页面显示方法，方法包括：

通过解析下载的网页生成图形层；

判断所述图形层是否为网页背景层；

当所述图形层为网页背景层时，对所述图形层对应的图像不分块，当所述图形层为非网页背景层时，将所述非网页背景层的图像分块得到各分块；

在所述网页背景层上依次叠加所述各分块并显示。

有益效果：由上述技术方案可见，本申请提供的机顶盒及机顶盒页面显示方法，机顶盒包括CPU和GPU，CPU存在图像处理需求时，会向GPU发出指令然后驱动GPU进行图像处理，结合本申请中CPU在处理图像时，判断接收到的帧数据图像内容为网页背景层时，对网页背景层不分块，判断接收到的帧数据图像内容为非网页背景层时，将非网页背景层分块得到各分块，这样在图像渲染时，网页背景层为全屏、完整显示，然后再全屏的网页背景层上叠加各分块、光栅化渲染输出并在显示设备上显示；通过上述可知，本申请中可以保证网页背景层一次完成显示，然后在该网页背景层上叠加、渲染各分块，在渲染各分块时非网页背景层仍然会交错处理而造成各分块处理不同步，然而在一个完整的、全屏的网页背景层上添加新的内容时，在用户快速操作浏览器时在视觉上不会感受到闪烁，从而增加用于体验。

附图说明

为了更清楚地说明本申请的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为本申请实施例提供的机顶盒中网页分层结构示意图；

图2为本申请实施例提供的机顶盒产生闪烁的过程示意图；

图3为本申请实施例提供的通过解析网页生成图形层的过程示意图；

图4为本申请实施例提供的当网页背景层分块时图形渲染的过程示意图；

图5为本申请实施例提供的当网页背景层不分块时图形渲染的过程示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

IPTV机顶盒产品是一种典型的B/S架构产品，其软件一般会集成浏览器和播放器两个核心模块，其中，浏览器主要用于下载和显示运营商提供的融合业务内容，原理和PC上的浏览器功能类似，但是页面复杂度相对会简单。

为了实现浏览器的模块，机顶盒一般会移植开源的浏览器内核，比如chromium的Blink渲染内核。但是由于开源的浏览器产品，一般是面向PC或手机等设备，其操作方式以及用户使用习惯往往存在差异，有些在PC上正常的使用习惯，在电视/机顶盒产品上，往往用户体验不好。

由于机顶盒浏览器整个页面尺寸是比较大的，比如1920*1080，此时，如果针对如此大尺寸的页面直接进行图形渲染，对GPU的资源消耗往往较大，并且处理效率不高延时较大，会给用户造成刷新慢的感觉，体验也不好。于是，现代浏览器往往会把整个页面图形进行切割，比如切割成256*256尺寸大小的许多单元，再把这些单元形成一个链表，送入GPU进行光栅化渲染输出，这样GPU处理需要的资源就小的多，每个分块的处理也很快。

因此，本申请实施例中为了增加用户体验，通常采用分块渲染的方式进行图形渲染。

基于本申请背景下，为描述方便暂将待显示网页图像划分为网页背景层、网页内容层和网页光标层，图形渲染的过程包括：将网页背景层、网页内容层和网页光标层均进行分块处理，然后在浏览器背景底色下对各分块逐块进行处理，在动态过程中理想情况为：首先同步处理第一帧图像网页背景层各分块与第二帧图像网页背景层各分块，然后再同步处理第一帧图像网页内容层各分块与第二帧图像网页内容层各分块，以此类推直至同步处理完各帧图像，然后同步显示各帧图像。

上述通用分块处理方法用在电脑或者手机这种高性能图形处理器上是没有问题的，但是机顶盒上的CPU和图形处理器性能一般较弱，而IPTV业务随着时间的发展，其内容也做的越来越丰富，比如新版的3.0页面风格，都是采用瀑布流方式的网页，也就是网页内容的高度不再局限于1080，而是类似电脑风格的可以下拉滚动的网页，内容和处理性能的矛盾，在现阶段逐渐凸显出现。

基于上述内容和处理性能的矛盾一般情况多为：第一帧图像的某一内容层分块和第二帧图像的某一背景层分块交错同时处理，即第一帧图像和第二帧图像处理不同步，进而导致两帧图像显示不同步，当用户快速操作浏览器时在视觉上会感受到显示屏幕某个角落出现短时的闪烁现象，当浏览器底色为黑色时则在显示屏幕的某个角落会出现短时的黑块状闪烁。

具体地下面以附图2说明上述闪烁现象出现的过程，图2中假设屏幕被分成9个区块，2，7，9块由于处理时间相对较慢，在a时刻2，7，9块区域会显示黑色的背景，在b时刻2，7块画图完毕，c时刻表示分块9画图完毕完成完整的一帧图像。由于机顶盒CPU处理性能限制，a、b、c整个过程一般会存在一定的时间差，给用户造成分块黑色闪烁的不好体验。

为了解决上述闪烁问题，本申请实施例中提供的一种机顶盒包括处理器和GPU(图形处理器)，处理器可以为CPU(中央处理器)，CPU存在图像处理需求时，会向GPU发出指令然后驱动GPU进行图像处理；GPU为一种专门用于图像运算的微处理器，常被用于图形渲染。

具体地，本申请提供了一种机顶盒，机顶盒包括：

网络接口，用于接收和传输帧数据；

CPU，与所述网络接口电连接，被配置为：

当接收到来自所述网络接口的帧数据内容为网页背景层时，对所述帧数据不分块；

当接收到来自所述网络接口的帧数据内容为非网页背景层时，将所述帧数据分块；

存储器，与所述CPU电连接，用于存储所述网页背景层和所述非网页背景层分块后的帧数据；

GPU，与所述存储器连接，被配置为：

将从所述存储器读取的所述网页背景层的帧数据渲染后输出网页背景层，

将从所述存储器读取的所述非网页背景层分块后的帧数据渲染后输出非网页背景层；

HDMI接口，用于接收和传输所述GPU处理后的帧数据。

下面对机顶盒的具体工作内容进行具体地描述。可以理解的是，本申请的实施例中的处理器可以是中央处理单元(central processing unit，CPU)，还可以是其他通用处理器、数字信号处理器(digital signal processor，DSP)、专用集成电路(applicationspecific integrated circuit，ASIC)、现场可编程门阵列(field programmable gatearray，FPGA)或者其他可编程逻辑器件、晶体管逻辑器件，硬件部件或者其任意组合。通用处理器可以是微处理器，也可以是任何常规的处理器；处理器可以调用存储器存储的指令或数据，处理器中处理的指令或生成的指令可以被存放于随机存取存储器(random accessmemory，RAM)、闪存、只读存储器(read-only memory，ROM)、可编程只读存储器(programmable rom，PROM)、可擦除可编程只读存储器(erasable PROM，EPROM)、电可擦除可编程只读存储器(electrically EPROM，EEPROM)、寄存器、硬盘、移动硬盘、CD-ROM或者本领域熟知的任何其它形式的存储介质中。一种示例性的存储介质耦合至处理器，从而使处理器能够从该存储介质读取信息，且可向该存储介质写入信息。当然，存储介质也可以是处理器的组成部分。

本申请提供的机顶盒的工作原理包括：

机顶盒首先根据url地址，通过网络模块，从服务器下载网页文本，然后将网页文本送到HTML解释器进行词法分析，在词法分析完成后，根据不同的片段内容，分别执行不同的程序，比如如果是JavaScript文本，就送入v8进行执行，如果是css文本，就送入css解释器执行，最后，根据网页各部分的执行结果，完成页面布局，网页绘制，最终通过硬件的图形显示设备输出图像。

网页在最后显示时，都是以图片形式渲染到最终的图形设备上的，一般来说网页可能有背景层，有内容层，光标层等等，在本申请实施例中以网页包括网页背景层、网页内容层和网页光标层为例进行说明。

网页页面内部图形渲染的过程:

首先是下载网页，然后生成DOM树，DOM树其实就是一个html网页节点的递归解析结果，有了DOM树节点后，就需要进行计算，因为DOM树里的节点并非是都能显示的，我们需要对每一个节点进行解析和计算，得到可渲染节点(Render Object)，因为如果每个节点单独去画效率太低，每个可渲染节点会根据层次关系被分配到一个可渲染层(RenderLayer)，Render Layer会再次根据GPU的特性，形成最终的Graphics Layer，用于最终的GPU显示；该过程可参考图3。

本申请实施例中网页背景层、网页内容层和网页光标层都会生成各自对应的Graphics Layer。

Graphics Layer之后的图形操作有:图形层的合成，最终显示的内容肯定是平面的，合成的工作一般也是基于GPU完成的，效率较高。

Graphics Layer后续合成图形层。

在本申请中，以一帧页面图像分成3个显示层面，比如背景层，内容层，光标层，此时按照通用的分块处理逻辑，会将每一层需要画的图像范围进行分块，由于每个层的显示或者更新区域不同，所以分块数量以及坐标位置也不同，这些分开的小块，会分别通过CPU进行光栅化，最后逐块送入GPU进行画图显示操作。

由于光栅化过程是一个CPU多线程并行的过程，虽然在一帧图像内部会保证先画背景层分块，再画内容层的分块，再画光标层的分块，但是如果我们考虑到用户按键操作，从而浏览器页面显示是一个连续的过程，也就是说会一帧一帧的连续显示，这就带来一个问题，有可能第二帧的背景层某个分块会和第一帧的内容层的某个分块挨着执行画操作，而我们知道画背景层的时候首先会填充黑色背景，再画网页背景分块的内容(比如背景图片块)，这种各帧图像分块交错的问题，在用户快速操作浏览器时，便会呈现黑块的现象。具体可参考图4。

因此基于上述，本申请实施例中CPU被配置为：判断所述图形层是否为网页背景层，当所述图形层为网页背景层时，对所述图形层对应的图像不分块，当所述图形层为非网页背景层时，将所述非网页背景层的图像分块。如图1所示，网页背景层未分块，完整输出和显示，而网页内容层被划分为网页内容层块1、网页内容层块2、网页内存层块3、网页内容层块4、网页内容层块5等，网页内容层块1、网页内容层块2、网页内存层块3、网页内容层块4、网页内容层块5我们描述为各分块。

GPU被配置为：将所述网页背景层的帧数据渲染后输出网页背景层，将所述非网页背景层分块后的帧数据渲染后输出非网页背景层。

上述非网页背景层包括网页内容层和网页光标层；CPU执行对所述网页内容层分块得到各网页内容层分块，CPU执行对所述网页光标层分块得到各网页光标层分块。

在本申请实施例中，完成分块后，网页背景层完整输出及显示，在所述网页背景层上依次叠加所述各网页内容层分块和所述各网页光标层分块。具体可参考图5。

造成黑块闪烁的问题根源是由于分块处理时间不同造成的，这是人眼的视觉效应决定的，但是我们同时也有这样的经验，在一张背景图上，添加新的画图内容时，觉察不到这种闪烁。所以如果我们能让背景层分块变大甚至全屏，那么在完整背景层上的前景分块也就不会有黑底色(因为此时底色是背景层)，就算分块画图时间有差异，也不会觉察到黑色闪烁的问题了。

因此，在本申请实施例中不对背景层进行分块，那么背景层会作为一个整体输出，也就不存在所谓的同步问题了，虽然不同帧的分块之间仍然存在交织的问题，但是背景层已经不存在此交织问题了，一般来说，背景层的范围都是全屏的，那么背景层能保证一次完成显示，网页内容层各分块和网页光标层各分块就算渲染有时间差、不同步，由于只需要在已有背景层的基础上，叠加新的内容层或者光标层分块即可，这样黑块闪烁问题自然也就解决了。

综述，本申请实施例中如果Layer输入是背景层，则不进行分块的处理，直接送入后端的光栅化处理阶段，如果Layer是非背景层，比如内容层或者光标层，则继续按照原来的分块原则进行分块处理，这样可保证背景层的完整性，一次光栅化后，通过GPU绘制输出。

其中整屏光栅化刷新对资源和性能的消耗会大，也会带来一定的处理延时，那么背景层不分块处理，实则为整屏刷新的原理，对资源的消耗会有所增加，但是通过实际实验，整体操作过程中性能下降和资源消耗并未有大的变化，这主要原因在于背景尺寸虽然大，但是在整个分块数量中占用的比例小，从而送入后端GPU绘制的次数会很少，也就是它的资源占用时间极短，因此不会对整体性能造成大的影响，从而巧妙的解决了连续操作中遇到的黑块闪烁问题。

本申请中CPU在处理图像时，判断接收到的帧数据图像内容为网页背景层时，对网页背景层不分块，判断接收到的帧数据图像内容为非网页背景层时，将非网页背景层分块得到各分块，这样在图像渲染时，网页背景层为全屏、完整显示，然后再全屏的网页背景层上叠加各分块、光栅化渲染输出并在显示设备上显示；通过上述可知，本申请中可以保证网页背景层一次完成显示，然后在该网页背景层上叠加、渲染各分块，在渲染各分块时非网页背景层仍然会交错处理而造成各分块处理不同步，然而在一个完整的、全屏的网页背景层上添加新的内容时，在用户快速操作浏览器时在视觉上不会感受到闪烁，从而增加用于体验。

基于上述浏览器，本申请还提供了一种机顶盒的页面显示方法，其特征在于，所述方法包括：

为描述方便暂将待显示网页图像划分为网页背景层、网页内容层和网页光标层，图形渲染的过程包括：将网页背景层、网页内容层和网页光标层均进行分块处理，然后在浏览器背景底色下对各分块逐块进行处理，在动态过程中理想情况为：首先同步处理第一帧图像网页背景层各分块与第二帧图像网页背景层各分块，然后再同步处理第一帧图像网页内容层各分块与第二帧图像网页内容层各分块，以此类推直至同步处理完各帧图像，然后同步显示各帧图像。

一般情况多为：第一帧图像的某一内容层分块和第二帧图像的某一背景层分块交错同时处理，即第一帧图像和第二帧图像处理不同步，进而导致两帧图像显示不同步，当用户快速操作浏览器时在视觉上会感受到显示屏幕某个角落出现短时的闪烁现象，当浏览器底色为黑色时则在显示屏幕的某个角落会出现短时的黑块状闪烁。

为了解决上述问题，本申请提供的方法包括：

首先，通过解析下载的网页生成图形层，包括：

具体地，首先是下载网页，然后生成DOM树，DOM树其实就是一个html网页节点的递归解析结果，有了DOM树节点后，就需要进行计算，因为DOM树里的节点并非是都能显示的，我们需要对每一个节点进行解析和计算，得到可渲染节点(Render Object)，因为如果每个节点单独去画效率太低，每个可渲染节点会根据层次关系被分配到一个可渲染层(RenderLayer)，Render Layer会再次根据GPU的特性，形成最终的Graphics Layer，GraphicsLayer后续合成图形层。

然后，判断所述图形层是否为网页背景层，包括：

具体地，根据图形层的属性判断是否为网页背景层，具体地判断方法为本领域技术人员所公知的，在此不再赘述。

当所述图形层为网页背景层时，对所述图形层对应的图像不分块，当所述图形层为非网页背景层时，将所述非网页背景层的图像分块得到各分块，包括：

具体地，判断所述图形层是否为网页背景层，当所述图形层为网页背景层时，对所述图形层对应的图像不分块，当所述图形层为非网页背景层时，将所述非网页背景层的图像分块。网页背景层未分块，完整输出和显示，而网页内容层被划分为网页内容层块1、网页内容层块2、网页内存层块3、网页内容层块4、网页内容层块5等，网页内容层块1、网页内容层块2、网页内存层块3、网页内容层块4、网页内容层块5我们描述为各分块。

本申请实施例中如果Layer输入是背景层，则不进行分块的处理，直接送入后端的光栅化处理阶段，如果Layer是非背景层，比如内容层或者光标层，则继续按照原来的分块原则进行分块处理，这样可保证背景层的完整性，一次光栅化后，通过GPU绘制输出。

在本申请实施例中不对背景层进行分块，那么背景层会作为一个整体输出，也就不存在所谓的同步问题了，虽然不同帧的分块之间仍然存在交织的问题，但是背景层已经不存在此交织问题了，一般来说，背景层的范围都是全屏的，那么背景层能保证一次完成显示，网页内容层各分块和网页光标层各分块就算渲染有时间差、不同步，由于只需要在已有背景层的基础上，叠加新的内容层或者光标层分块即可，这样黑块闪烁问题自然也就解决了。

最后，在所述网页背景层上依次叠加所述各分块并显示，包括：

将所述网页背景层和所述各分块一次光栅化渲染显示。

所述各分块包括各网页内容层分块和各网页光标层分块，在光栅化时在所述网页背景层上依次叠加所述各网页内容层分块和所述各网页光标层分块并输出。

综述，本申请中造成黑块闪烁的问题根源是由于分块处理时间不同造成的，这是人眼的视觉效应决定的，但是我们同时也有这样的经验，在一张背景图上，添加新的画图内容时，觉察不到这种闪烁。所以如果我们能让背景层分块变大甚至全屏，那么在完整背景层上的前景分块也就不会有黑底色(因为此时底色是背景层)，就算分块画图时间有差异，也不会觉察到黑色闪烁的问题了；基于此，本申请实施例中如果Layer输入是背景层，则不进行分块的处理，直接送入后端的光栅化处理阶段，如果Layer是非背景层，比如内容层或者光标层，则继续按照原来的分块原则进行分块处理，这样可保证背景层的完整性，一次光栅化后，通过GPU绘制输出。

由上述技术方案可见，本申请提供的机顶盒及机顶盒页面显示方法，机顶盒包括CPU和GPU，CPU存在图像处理需求时，会向GPU发出指令然后驱动GPU进行图像处理，结合本申请中CPU在处理图像时，判断接收到的帧数据图像内容为网页背景层时，对网页背景层不分块，判断接收到的帧数据图像内容为非网页背景层时，将非网页背景层分块得到各分块，这样在图像渲染时，网页背景层为全屏、完整显示，然后再全屏的网页背景层上叠加各分块、光栅化渲染输出并在显示设备上显示；通过上述可知，本申请中可以保证网页背景层一次完成显示，然后在该网页背景层上叠加、渲染各分块，在渲染各分块时非网页背景层仍然会交错处理而造成各分块处理不同步，然而在一个完整的、全屏的网页背景层上添加新的内容时，在用户快速操作浏览器时在视觉上不会感受到闪烁，从而增加用于体验。

最后应说明的是：本实施例采用递进方式描述，不同部分可以相互参照；另外，以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (8)

1.一种机顶盒，其特征在于，所述机顶盒包括：

网络接口，用于接收和传输帧数据；

CPU，与所述网络接口电连接，被配置为：

当接收到来自所述网络接口的帧数据内容为网页背景层时，对所述帧数据不分块；

当接收到来自所述网络接口的帧数据内容为非网页背景层时，将所述帧数据分块；

存储器，与所述CPU电连接，用于存储所述网页背景层和所述非网页背景层分块后的帧数据；

GPU，与所述存储器连接，被配置为：

将从所述存储器读取的所述网页背景层的帧数据渲染后输出网页背景层，

将从所述存储器读取的所述非网页背景层分块后的帧数据渲染后输出非网页背景层；

HDMI接口，用于接收和传输所述GPU处理后的帧数据。

2.根据权利要求1所述的机顶盒，其特征在于，所述CPU还被配置为：

通过解析下载的网页生成DOM树，根据所述DOM树的各节点得到可渲染节点，通过所述可渲染节点生成可渲染层，通过所述可渲染层生成图形层。

3.根据权利要求2所述的机顶盒，其特征在于，所述CPU还被配置为：判断所述图形层是否为网页背景层，当所述图形层为网页背景层时，对所述图形层对应的图像不分块，当所述图形层为非网页背景层时，将所述非网页背景层的图像分块。

4.根据权利要求1所述的机顶盒，其特征在于，当接收到来自所述网络接口的帧数据内容为非网页背景层时，将所述帧数据分块，包括：

所述非网页背景层包括网页内容层和网页光标层；

对所述网页内容层分块得到各网页内容层分块；

对所述网页光标层分块得到各网页光标层分块。

5.根据权利要求4所述的机顶盒，其特征在于，所述CPU还被配置为：

所述网页背景层完整输出及显示；

在所述网页背景层上依次叠加所述各网页内容层分块和所述各网页光标层分块。

6.一种机顶盒页面显示方法，其特征在于，所述方法包括：

通过解析下载的网页生成图形层；

判断所述图形层是否为网页背景层；

当所述图形层为网页背景层时，对所述图形层对应的图像不分块，当所述图形层为非网页背景层时，将所述非网页背景层的图像分块得到各分块；

在所述网页背景层上依次叠加所述各分块并显示。

7.根据权利要求6所述的机顶盒页面显示方法，其特征在于，所述方法包括：

将所述网页背景层和所述各分块一次光栅化渲染显示。

8.根据权利要求7所述的机顶盒页面显示方法，其特征在于，所述在所述网页背景层上依次叠加所述各分块并显示，包括：所述各分块包括各网页内容层分块和各网页光标层分块，在光栅化时在所述网页背景层上依次叠加所述各网页内容层分块和所述各网页光标层分块并输出。

Images