移动终端及其网页渲染方法、装置制造方法及图纸

一种移动终端及其网页渲染方法、装置，其中，所述方法包括：在当前显示网页模式下监听模式切换事件；根据模式切换事件获取当前显示网页所需的层叠样式表CSS信息，CSS信息携带有欲切换成的目标模式的渲染参数；根据CSS信息中的渲染参数渲染当前显示网页，包括：按顺序渲染当前显示网页可视化区域的页面和非可视化区域的页面，可视化区域为移动终端屏幕所在区域。减少了一次性同时渲染的网页内容，提高了可视化区域页面的模式切换速度。由于非可视化区域的页面在可视化区域的页面之后渲染，因此，能够提高可视化区域页面的渲染效率，降低了发生闪屏现象的概率。

【技术实现步骤摘要】
【专利摘要】一种移动终端及其网页渲染方法、装置，其中，所述方法包括：在当前显示网页模式下监听模式切换事件；根据模式切换事件获取当前显示网页所需的层叠样式表CSS信息，CSS信息携带有欲切换成的目标模式的渲染参数；根据CSS信息中的渲染参数渲染当前显示网页，包括：按顺序渲染当前显示网页可视化区域的页面和非可视化区域的页面，可视化区域为移动终端屏幕所在区域。减少了一次性同时渲染的网页内容，提高了可视化区域页面的模式切换速度。由于非可视化区域的页面在可视化区域的页面之后渲染，因此，能够提高可视化区域页面的渲染效率，降低了发生闪屏现象的概率。【专利说明】移动终端及其网页渲染方法、装置
本专利技术涉及移动互联网
，具体涉及一种移动终端及其网页渲染方法、装置。
技术介绍
利用层叠样式表(CascadingStyle Sheets，CSS)是目前改变网页样式的常用方式，利用CSS样式表可以减少开发工作量，在很大程度上提高了工作效率。CSS可以作为外部文件单独存在，也可以包含在网页源代码文件中。使用CSS设置网页样式，可以实现网页的内容与表现形式分离，网页内容存放在HTML文档中，而用于定义网页表现形式的CSS样式表存放在另外的文件中。这样做的好处在于使得网页的外观更容易维护和修改，并且可以使HTML文件更加简练，缩短浏览器加载网页的时间。为了简化HTML文件，提高使得网页内容和网页样式的可维护性，提高网页加载速度，较多的采用将JavaScript和CSS放在外部文件中而不是放在页面本身的方式。通过编辑CSS文档，让网页加载该文档，使得网站中的所有元素自动地更新，从而改变网页外观。然而，当网页上的元素较多时，加载CSS文件后，需要对网页中的元素进行重新加载显示，由于切换速度的限制，在一定程度上影响了渲染效率，此外，加载过慢可能会导致“闪屏，，现象。
技术实现思路
本专利技术要解决的技术问题在于现有技术中在切换网页浏览模式时，由于网页中的元素较多，需要加载过多的层叠样式表CSS信息，从而限制了模式切换速度，降低了渲染效率，并导致闪屏现象的发生。为解决上述技术问题，根据第一方面，本专利技术实施例公开了一种移动终端网页渲染方法，包括:在当前显示网页模式下监听模式切换事件;根据模式切换事件获取当前显示网页所需的层叠样式表CSS信息，CSS信息携带有欲切换成的目标模式的渲染参数;根据CSS信息中的渲染参数渲染当前显示网页，包括:按顺序渲染当前显示网页可视化区域的页面和非可视化区域的页面，可视化区域为移动终端屏幕所在区域。进一步，按顺序渲染当前显示网页可视化区域的页面和非可视化区域的页面包括:渲染当前显示网页可视化区域的页面;渲染可视化区域的页面之后的页面;渲染可视化区域的页面之前的页面。进一步，渲染参数包括:网页HTML底层纹理和网页HTML标签;在根据CSS信息中的渲染参数渲染当前显示网页中，依次根据网页HTML底层纹理和网页HTML标签渲染当前显示网页。进一步，网页HTML标签包括:图像标签、不动元素标签和静态文本中的至少一种。进一步，在根据CSS信息中的渲染参数渲染当前显示网页之后，还包括:获取浏览器缓存的除当前显示网页外的至少一组CSS信息;根据获取的各组CSS信息中的渲染参数渲染与各组CSS信息映射的网页，其中，每组CSS信息分别映射一个网页。根据第二方面，本专利技术实施例公开了一种移动终端网页渲染装置，包括:监听单元，用于在当前显示网页模式下监听模式切换事件；第一CSS信息获取单元，用于根据模式切换事件获取当前显示网页所需的层叠样式表CSS信息，CSS信息携带有欲切换成的目标模式的渲染参数;第一渲染单元，用于根据CSS信息中的渲染参数渲染当前显示网页，包括:按顺序渲染当前显示网页可视化区域的页面和非可视化区域的页面，可视化区域为移动终端屏幕所在区域。进一步，第一渲染单元用于渲染当前显示网页可视化区域的页面；渲染可视化区域的页面之后的页面;渲染可视化区域的页面之前的页面。进一步，还包括:第二CSS信息获取单元，用于获取浏览器缓存的除当前显示网页外的至少一组CSS信息;第二渲染单元，用于根据获取的各组CSS信息中的渲染参数渲染与各组CSS信息映射的网页，其中，每组CSS信息分别映射一个网页。根据第三方面，本专利技术实施例公开了一种移动终端，包括:通信模块，用于从服务器获取网页内容；显示屏，用于可视化呈现网页内容；处理器，用于执行程序实现上述的方法。本专利技术技术方案，具有如下优点:本专利技术实施例提供的移动终端网页渲染方法和装置，由于在根据CSS信息中的渲染参数渲染当前显示网页时，按顺序渲染当前显示网页可视化区域的页面和非可视化区域的页面，从而，减少了一次性同时渲染的网页内容，提高了可视化区域页面的模式切换速度。由于非可视化区域的页面在可视化区域的页面之后渲染，因此，能够提高可视化区域页面的渲染效率，降低了发生闪屏现象的概率。作为优选的技术方案，在渲染当前显示网页之后，获取浏览器缓存的至少一组CSS信息，渲染与各组CSS信息映射的网页。能够充分利用在显示当前网页的时间渲染缓存的网页，从而，在显示缓存页面时，能够进一步缩短缓存页面的渲染时间，提高了缓存也面的渲染效率。【附图说明】为了更清楚地说明本专利技术【具体实施方式】或现有技术中的技术方案，下面将对【具体实施方式】或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1为本专利技术实施例中一种移动终端网页渲染方法流程图；图2为本专利技术实施例中一种移动终端网页渲染装置结构示意图；图3为本专利技术实施例中一种移动终端结构示意图。【具体实施方式】下面将结合附图对本专利技术的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。此外，下面所描述的本专利技术不同实施方式中所涉及的技术特征只要彼此之间未构成冲突就可以相互结合。为提高切换网页浏览模式时的模式切换速度，提高渲染效率，本实施例公开了一种移动终端网页渲染方法，请参考图1，为该移动终端网页渲染方法流程图，该移动终端网页渲染方法包括如下步骤:步骤S100，在当前显示网页模式下监听模式切换事件。通常，浏览器中都会预置不同的浏览模式，以保护用户的用眼健康。例如，在亮度模式时，网页为浅色背景，深色字体；当设置为低亮度模式时，网页背景变为深色，字体变为暖色。本实施例中，在当前显示网页模式下，可以启动系统广播，以监听切换网页模式的事件。步骤S200，根据模式切换事件获取当前显示网页所需的层叠样式表CSS信息，其中，CSS信息携带有欲切换成的目标模式的渲染参数。在具体实施例中，在监听到欲切换的网页目标模式，获取与之对应的CSS信息，具体地，CSS信息携带的渲染参数包括:网页HTML底层纹理(BaseLayer纹理)和网页HTML标签，其中，网页HTML标签可以包括图像标签、不动元素标签、静态文本标签、超链接标签等中的一种或多种。在本实施例中，在获取当前显示网页所需的层叠样式表CS本文档来自技高网...

【技术保护点】
一种移动终端网页渲染方法，其特征在于，包括如下步骤：在当前显示网页模式下监听模式切换事件；根据所述模式切换事件获取当前显示网页所需的层叠样式表CSS信息，所述CSS信息携带有欲切换成的目标模式的渲染参数；根据所述CSS信息中的渲染参数渲染所述当前显示网页，包括：按顺序渲染所述当前显示网页可视化区域的页面和非可视化区域的页面，所述可视化区域为移动终端屏幕所在区域。

【技术特征摘要】

【专利技术属性】
技术研发人员：王璟瑶，
申请(专利权)人：乐视移动智能信息技术北京有限公司，
类型：发明
国别省市：北京;11