CN105630948A

CN105630948A - 网络页面显示方法和装置

Info

Publication number: CN105630948A
Application number: CN201510980946.3A
Authority: CN
Inventors: 左景龙; 於一飞; 范金松
Original assignee: Xiaomi Inc
Current assignee: Beijing Xiaomi Technology Co Ltd; Xiaomi Inc
Priority date: 2015-12-23
Filing date: 2015-12-23
Publication date: 2016-06-01
Anticipated expiration: 2035-12-23
Also published as: CN105630948B

Abstract

本公开是关于一种网络页面显示方法和装置，包括：发送网络页面显示请求，所述网络页面显示请求包括所述网络页面的地址标识；接收响应信息，所述响应信息包括与所述地址标识对应的用于显示所述网络页面的资源文件：当所述资源文件包含层叠式样式表CSS资源文件且缓存中存在第一CSS资源，根据所述第一CSS资源设置所述网络页面的显示属性以显示所述网络页面。本公开的网络页面显示方法，加快了网络页面的显示时机，提高了用户体验。

Description

网络页面显示方法和装置

技术领域

本公开涉及通信领域，尤其涉及网络页面显示方法和装置。

背景技术

一般的网络页面都包含层叠样式表CSS资源。浏览器加载显示网络页面时，会先加载网络页面的资源文件，例如超级文本标记语言HTML文件，然后开始解析HTML文件，构建文档对象化模型DomTree以及渲染树RenderTree，然后将解析到的可以显示出来的HTML标签显示出来。如果HTML文件的头<head>标签内包含CSS资源，浏览器会按顺序将所有的CSS资源加载完成并解析后，将相应的CSS设置到相应的RenderTree中的节点上，然后显示页面。

现有技术，在显示网络页面时，先判断缓存中是否存在CSS资源，如果存在CSS资源，则通过服务器验证该CSS资源是否可用，如果不可用，则会重新下载新的CSS资源，如果可用，则作用到网络页面中以显示网络页面。

公开内容

为克服相关技术中存在的问题，本公开提供一种网络页面显示方法和装置。

根据本公开实施例的第一方面，提供一种网络页面显示方法，包括：发送网络页面显示请求，所述网络页面显示请求包括所述网络页面的地址标识；

接收响应信息，所述响应信息包括与所述地址标识对应的用于显示所述网络页面的资源文件：

当所述资源文件包含层叠式样式表CSS资源文件且缓存中存在第一CSS资源，根据所述第一CSS资源设置所述网络页面的显示属性以显示所述网络页面。

结合第一方面，在第一方面的第一种可能的实现方式中，所述方法还包括：

发送验证请求，所述验证请求包括用于请求所述服务器验证所述第一CSS资源是否可用的请求信息；

接收反馈信息，所述反馈信息包括所述服务器反馈的所述第一CSS资源是否可用的信息；

当所述第一CSS资源不可用，请求第二CSS资源；

接收所述第二CSS资源，将所述第二CSS资源作用到已显示的网络页面上以刷新所述网络页面。

结合第一方面的第一种可能的实现方式，在第一方面的第二种可能的实现方式中，所述将所述第二CSS资源作用到已显示的网络页面上以刷新所述网络页面，包括：

解析所述第二CSS资源，根据解析的所述第二CSS资源重新设置所述网络页面的显示属性以刷新所述网络页面。

结合第一方面、第一方面的第一至第二种任一种可能的实现方式，在第一方面的第三种可能的实现方式中，所述网络页面的显示属性包括所述网络页面中待显示文体的属性信息、待显示图片的属性信息或待显示表格的属性信息中的至少一种；

其中，所述属性信息为颜色、字体或排版中的至少一种。

根据本公开实施例的第二面，提供一种网络页面显示方法，包括：

发送网络页面显示请求，所述网络页面显示请求包括所述网络页面的地址标识；

根据所述资源文件显示所述网络页面。

结合第二方面，在第二方面的第一种可能的实现方式中，所述方法还包括：

当所述资源文件包含所述CSS资源文件且缓存中存在第一CSS资源，发送验证请求，所述验证请求包括用于请求所述服务器验证所述第一CSS资源是否可用的请求信息；

当所述第一CSS资源可用，根据所述第一CSS资源设置所述网络页面的显示属性以刷新所述网络页面。

结合第二方面的第一种可能的实现方式，在第二方面的第二种可能的实现方式中，所述方法还包括：

当所述第一CSS资源不可用，请求第二CSS资源；

接收并解析所述第二CSS资源，将所述第二CSS资源作用到已显示的网络页面上以刷新所述网络页面。

结合第二方面的第一种或第二种可能的实现方式，在第二方面的第三种可能的实现方式中，

所述网络页面的显示属性包括所述网络页面中待显示文体的属性信息、待显示图片的属性信息或待显示表格的属性信息中的至少一种；

其中，所述属性信息为颜色、字体或排版中的至少一种。

根据本公开实施例的第三面，提供一种网络页面显示装置，包括：

第一发送模块，被配置为发送网络页面显示请求，所述网络页面显示请求包括所述网络页面的地址标识；

第一接收模块，被配置为接收响应信息，所述响应信息包括与所述地址标识对应的用于显示所述网络页面的资源文件；

显示模块，被配置为当所述资源文件包含层叠式样式表CSS资源文件且缓存中存在第一CSS资源，根据所述第一CSS资源设置所述网络页面的显示属性以显示所述网络页面。

结合第三方面，在第三方面的第一种可能的实现方式中，所述装置还包括：

第二发送模块，被配置为发送验证请求，所述验证请求包括用于请求所述服务器验证所述第一CSS资源是否可用的请求信息；

第二接收模块，被配置为接收反馈信息，所述反馈信息包括所述服务器反馈的所述第一CSS资源是否可用的信息；

请求模块，被配置为当所述第一CSS资源不可用，请求第二CSS资源；

第三接收模块，被配置为接收所述第二CSS资源，将所述第二CSS资源作用到已显示的网络页面上以刷新所述网络页面。

结合第三方面的第一种可能的实现方式，在第三方面的第二种可能的实现方式中，所述第三接收模块包括：

解析模块，被配置为解析所述第二CSS资源；

设置模块，被配置为根据解析的所述第二CSS资源重新设置所述网络页面的显示属性以刷新所述网络页面。

结合第三方面、第三方面的第一至第二种可能的实现方式，在第三方面的第三种可能的实现方式中，所述网络页面的显示属性包括所述网络页面中待显示文体的属性信息、待显示图片的属性信息或待显示表格的属性信息中的至少一种；

其中，所述属性信息为颜色、字体或排版中的至少一种。

根据本公开实施例的第四面，提供一种网络页面显示装置，包括：

第一发送模块，被配置为向服务器发送网络页面显示请求，所述网络页面显示请求包括所述网络页面的地址标识；

第一接收模块，被配置为接收响应信息，所述响应信息包括与所述地址标识对应的用于显示所述网络页面的资源文件：

显示模块，被配置为根据所述资源文件显示所述网络页面。

结合第四方面，在第四方面的第一种可能的实现方式中，所述装置还包括：

第二发送模块，被配置为当所述资源文件包含所述CSS资源文件且缓存中存在第一CSS资源，发送验证请求，所述验证请求包括用于请求所述服务器验证所述第一CSS资源是否可用的请求信息；

设置模块，被配置为当所述第一CSS资源可用，则根据所述第一CSS资源设置所述网络页面的显示属性以刷新所述网络页面。

结合第四方面的第一种可能的实现方式，在第四方面的第二种可能的实现方式中，所述装置还包括：

第三接收模块，被配置为接收第二CSS资源；

解析模块，被配置为解析所述第二CSS资源，将所述第二CSS资源作用到已显示的网络页面上以刷新所述网络页面。

结合第四方面的第一或第二种可能的实现方式，在第四方面的第三种可能的实现方式中，所述网络页面的显示属性包括所述网络页面中待显示文体的属性信息、待显示图片的属性信息或待显示表格的属性信息中的至少一种；

其中，所述属性信息为颜色、字体或排版中的至少一种。

根据本公开实施例的第五面，提供一种网络页面显示装置，包括：

存储器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

接收所述服务器发送的响应信息，所述响应信息包括与所述地址标识对应的用于显示所述网络页面的资源文件：

本公开的实施例提供的技术方案可以包括以下有益效果：

一个实施例中，通过向服务器发送网络页面显示请求并接收服务器发送的响应信息，响应信息包括用于显示网络页面的组团文件，然后解析资源文件，当其包含CSS资源文件且缓存中存在第一CSS资源时，则直接使用第一CSS资源，不用在显示第一帧网络页面时等待第一CSS资源的加载，并根据该第一CSS资源设置网络页面的显示属性以显示网络页面。因此，加快了网络页面的显示时机，提高了用户体验。

另一个实施例中，通过进一步的网络验证步骤，验证上述第一CSS资源是否可用，当该CSS资源不可用的时候，重新请求可用的第二CSS资源，并根据该第二CSS资源作用到已显示网络页面上以刷新网络页面的显示。本实施例中的网络页面显示方法，执行网络验证步骤，通过网络验证当前的第一CSS资源是否可用，如果第一CSS资源可用，因为之前已经使用过这个CSS资源了，则不用再解析了，如果不可用，则重新请求可用的第二CSS资源，从而在保证显示时机的前提下，进一步使得网络页面的显示符合本来网络页面的显示需求。

另一个实施例中，终端浏览器获取到上述第二CSS资源后，通过解析第二CSS资源，并根据解析的结果重新设置该网络页面的显示属性，从而使得网络页面的显示符合本来网络页面的显示需求。

另一个实施例中，终端浏览器不等待CSS资源的加载，直接显示网络页面，因此可以提前第一帧的显示时机，而不是由于等待CSS加载而呈现给用户的是空白页面的情况，提高了用户体验。

另一个实施例中，在提前第一帧显示时机的前提下，因为CSS资源没有加载下来，可能会导致网络页面的排版错乱，因此，判断缓存中是否存在第一CSS资源并进行验证，如果存在且验证可用，则继续加载该第一CSS资源并作用到已显示第一帧的网络页面上，此时会刷新网络页面，显示网页应该真正显示的样子。

另一个实施例中，在验证第一CSS资源不可用的时候，请求可用的第二CSS资源，并根据该第二CSS资源作用到已显示网络页面上以刷新网络页面的显示，从而在保证显示时机的前提下，使得网络页面的显示符合本来网络页面的显示需求。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。

图1是根据一示例性实施例示出的一种网络页面显示方法的流程图；

图2是根据另一示例性实施例示出的一种网络页面显示方法的流程图；

图3是根据又一示例性实施例示出的一种网络页面显示方法的流程图；

图4是根据再一示例性实施例示出的一种网络页面显示方法的流程图；

图5是根据再一示例性实施例示出的一种网络页面显示方法的流程图；

图6是根据一示例性实施例示出的一种网络页面显示装置的框图；

图7是根据另一示例性实施例示出的一种网络页面显示装置的框图；

图8是根据又一示例性实施例示出的一种网络页面显示装置的框图；

图9是根据一示例性实施例示出的一种网络页面显示装置的框图；

图10是根据另一示例性实施例示出的一种网络页面显示装置的框图；

图11是根据又一示例性实施例示出的一种网络页面显示装置的框图；

图12是根据一示例性实施例示出的一种网络页面显示装置的框图；

图13是根据一示例性实施例示出的一种用于网络页面显示的装置800的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

图1是根据一示例性实施例示出的一种网络页面显示方法的流程图，如图1所示，本实施例涉及的网络页面显示方法适用于各种终端浏览器，该终端浏览器例如可以是微软的IE浏览器、百度浏览器、谷歌浏览器以及火狐浏览器等等。本实施例的执行主体为终端。该网络页面显示方法包括以下步骤。

在步骤S11中，发送网络页面显示请求，网络页面显示请求包括网络页面的地址标识。

在本步骤中，当用户在终端浏览器输入网址或者点击链接时，终端浏览器会向服务器发送网络页面显示请求，网络页面显示请求包括上述待访问网络页面的地址标识，该地址标识例如为统一资源定位符URL，例如，终端浏览器向服务器发送一个HTTP头，这个HTTP头，就是要告诉服务器浏览器以何种方式访问服务器。

在步骤S12中，接收响应信息，响应信息包括与地址标识对应的用于显示网络页面的资源文件。

在本步骤中，服务器收到上述网络页面显示请求后，会返回一个响应信息，具体的会在服务器上查找终端浏览器请求的资源文件，该资源文件例如为超级文本标记语言HTML文件，本实施例以HTML文件为例进行说明。如果存在则返回该HTML文件，如果不存在则返回一个404错误给终端浏览器，终端浏览器此时接收所述服务器发送的响应信息，该响应信息包括用于显示网络页面的HTML文件。然后终端浏览器开始解析HTML文件，构建DomTree以及RenderTree，之后将解析到的可以显示出来的HTML标签显示出来，其中，网络页面在一打开的时候，该HTML文本是不包括图片、样式、脚本以及其他的一些资源，HTML文本只是标识了这些资源的存放地址，终端浏览器在解析该HTML后，如果需要加载这些资源，会单独再次请求这些资源文件。

在步骤S13中，当资源文件包含层叠式样式表CSS资源文件且缓存中存在第一CSS资源，根据第一CSS资源设置网络页面的显示属性以显示网络页面。

在本步骤中，终端浏览器解析HTML文件的头<head>标签内是否包含CSS资源文件，其中，CSS资源文件中包括了显示网络页面所需要的CSS资源，CSS是用来决定网络页面中文体图片表格等的颜色、字体、排版等显示特性，

例如：

上述代码段表示的意思是将所有div标签中的颜色color设置为红色red，背景background设置为白色white。

如果HTML文件的头<head>标签内包含CSS资源文件，则终端浏览器首先判断缓存中是否存在一个CSS资源，如果存在CSS资源，则根据该CSS资源设置网络页面的显示属性以显示网络页面，其中，第一CSS资源为显示网络页面所需要的资源，可以为多个。具体的显示是根据该CSS资源来设置网络页面的显示，例如设置网络页面的某个标签的颜色，背景等。由于一般CSS资源的更改一般不会太大，且频率不会很高，因此，一旦缓存中有CSS资源，则直接使用这个CSS资源，不用在显示第一帧页面时等待这个CSS资源的加载，同时依然会走正常的网络步骤，通过网络验证当前的CSS资源是否可用，如果CSS资源可用，因为之前已经使用过这个CSS资源了，则不用再解析了，直接根据该CSS资源设置网络页面的显示属性以显示网络页面。

本实施例的网络页面显示方法，通过向服务器发送网络页面显示请求并接收服务器发送的响应信息，响应信息包括用于显示网络页面的资源文件，然后解析该资源文件，当其包含CSS资源文件且缓存中存在第一CSS资源时，则直接使用第一CSS资源，不用在显示第一帧网络页面时等待第一CSS资源的加载，并根据该第一CSS资源设置网络页面的显示属性以显示网络页面。因此，加快了网络页面的显示时机，提高了用户体验。

图2是根据另一示例性实施例示出的一种网络页面显示方法的流程图，如图2所示，本实施例涉及的网络页面显示方法适用于各种终端浏览器，该终端浏览器例如可以是微软的IE浏览器、百度浏览器、谷歌浏览器以及火狐浏览器等等。本实施例的执行主体为终端。该网络页面显示方法包括以下步骤。在图1所示实施例的基础上，在步骤S13之后还包括以下步骤。

在步骤S21中，发送验证请求，验证请求包括用于请求服务器验证第一CSS资源是否可用的请求信息。

在本步骤中，在步骤S14根据第一CSS资源设置网络页面的显示属性后，接着进行网络验证的步骤。具体的，终端浏览器通过向服务器发送验证请求，验证请求包括用于请求服务器验证第一CSS资源是否可用的请求信息。

在步骤S22中，接收反馈信息，反馈信息包括服务器反馈的第一CSS资源是否可用的信息。

在本步骤中，终端浏览器接收所述服务器发送的反馈信息，该反馈信息包括服务器反馈的该第一CSS资源是否可用的信息，由于每个CSS资源都在服务器里定义了其使用期限，通过验证当前申请日期是否超过该CSS资源的使用期限来判断该CSS资源是否可用。

在步骤S23中，当第一CSS资源不可用，请求第二CSS资源。

在本步骤中，如果在步骤S21中接收到上述反馈信息反馈的第一CSS资源不可用的反馈信息，则终端浏览器向服务器请求第二CSS资源，该第二CSS资源为HTML文件中的CSS资源文件所标识的CSS资源，以用于定义该显示页面的显示特性。

在步骤S24中，接收第二CSS资源，将第二CSS资源作用到已显示的网络页面上以刷新网络页面。

在本步骤中，下载服务器返回的第二CSS资源，并将该第二CSS资源作用到实施例一中已显示的网络页面上，用以刷新该网络页面，由于在实施例一中根据第一CSS设置并显示的网络页面，其在本实施例中验证了第一CSS资源不可用，而重新下载了可用的第二CSS资源，并根据该第二CSS资源作用到已显示网络页面上以刷新网络页面的显示，从而进一步使得所述网络页面的显示符合本来网络页面的显示需求。

本实施例的网络页面显示方法，通过进一步的网络验证步骤，验证上述第一CSS资源是否可用，当该CSS资源不可用的时候，重新请求可用的第二CSS资源，并根据该第二CSS资源作用到已显示网络页面上以刷新网络页面的显示。本实施例中的网络页面显示方法，执行网络验证步骤，通过网络验证当前的第一CSS资源是否可用，如果第一CSS资源可用，因为之前已经使用过这个CSS资源了，则不用再解析了，如果不可用，则重新请求可用的第二CSS资源，从而在保证显示时机的前提下，进一步使得网络页面的显示符合本来网络页面的显示需求。

进一步地，所述将所述第二CSS资源作用到已显示的网络页面上以刷新所述网络页面包括：

具体的，终端浏览器获取到上述第二CSS资源后，开始解析第二CSS资源，并根据解析的结果重新设置该网络页面的显示属性，从而使得网络页面的显示符合本来网络页面的显示需求。

进一步地，所述网络页面的显示属性包括所述网络页面中待显示文体的属性信息、待显示图片的属性信息或待显示表格的属性信息中的至少一种；

其中，所述属性信息为颜色、字体或排版中的至少一种。

具体的，上述网络页面的显示属性用来决定网页中文体、图片、表格等的颜色、字体、排版等显示特性。一个CSS资源里面可以只定义文体标签的颜色、字体、排版中的一个或多个属性，也可以定义多个标签内容的一个或多个属性，例如该网络页面中包括文字和图片，则该CSS资源定义了文字的颜色、字体属性，还定义了图片中的颜色属性。

图3是根据又一示例性实施例示出的一种网络页面显示方法的流程图，如图3所示，本实施例涉及的网络页面显示方法适用于各种终端浏览器，该终端浏览器例如可以是微软的IE浏览器、百度浏览器、谷歌浏览器以及火狐浏览器等等。本实施例的执行主体为终端。该网络页面显示方法包括以下步骤。

在步骤S31中，发送网络页面显示请求，网络页面显示请求包括网络页面的地址标识。

在步骤S32中，接收响应信息，响应信息包括与地址标识对应的用于显示网络页面的资源文件。

在本步骤中，服务器收到上述网络页面显示请求后，会返回一个响应信息，具体的会在服务器上查找终端浏览器请求的资源文件，该资源文件例如超级文本标记语言HTML文件，本实施以HTML文件为例进行说明，如果存在则返回该HTML文件，如果不存在则返回一个404错误给终端浏览器，终端浏览器此时接收所述服务器发送的响应信息，该响应信息包括用于显示网络页面的HTML文件。然后终端浏览器开始解析HTML文件，构建DomTree以及RenderTree，之后将解析到的可以显示出来的HTML标签显示出来，其中，网络页面在一打开的时候，该HTML文本是不包括图片、样式、脚本以及其他的一些资源，HTML文本只是标识了这些资源的存放地址，终端浏览器在解析该HTML后，如果需要加载这些资源，会单独再次请求这些资源文件。

在步骤S33中，根据资源文件显示网络页面。

在本步骤中，与实施例一不同的是，终端浏览器不等待CSS资源的加载，直接显示网络页面，因此可以提前第一帧的显示时机，而不是由于等待CSS加载而呈现给用户的是空白页面的情况，提高了用户体验。

图4是根据再一示例性实施例示出的一种网络页面显示方法的流程图，如图4所示，本实施例涉及的网络页面显示方法适用于各种终端浏览器，该终端浏览器例如可以是微软的IE浏览器、百度浏览器、谷歌浏览器以及火狐浏览器等等。本实施例的执行主体为终端。该网络页面显示方法在图3所示实施例的步骤S33之后还包括以下步骤。

在步骤S41中，当资源文件包含CSS资源文件且缓存中存在第一CSS资源，发送验证请求，验证请求包括用于请求服务器验证第一CSS资源是否可用的请求信息。

在本步骤中，终端浏览器进一步判断服务器返回的用于显示所述网络页面的HTML文件的头标签中是否包括CSS资源文件，其中，CSS资源文件中包括了显示网络页面所需要的CSS资源，CSS是用来决定网络页面中文体图片表格等的颜色、字体、排版等显示特性，

例如：

如果HTML文件的头<head>标签内包含CSS资源文件，则终端浏览器首先判断缓存中是否存在一个CSS资源，即第一CSS资源，该第一CSS资源为CSS资源文件中标识的CSS资源。

如果判断缓存中存在第一CSS资源，则进行网络验证步骤，具体的，终端浏览器通过向服务器发送验证请求，验证请求包括用于请求服务器验证第一CSS资源是否可用的请求信息。

在步骤S42中，接收反馈信息，反馈信息包括服务器反馈的第一CSS资源是否可用的信息。

在步骤S43中，当第一CSS资源可用，根据第一CSS资源设置网络页面的显示属性以刷新网络页面。

在本步骤中，如果上一步的验证结果是第一CSS资源可用，就根据第一CSS资源设置网络页面的显示属性，此时会进一步展现一个排版和样式都更加完善的网页。

本实施例的网络页面显示方法，在提前第一帧显示时机的前提下，因为CSS资源没有加载下来，可能会导致网络页面的排版错乱，因此，判断缓存中是否存在第一CSS资源并进行验证，如果存在且验证可用，则继续加载第一CSS资源并作用到已显示第一帧的网络页面上，此时会刷新网络页面，显示网页应该真正显示的样子。

图5是根据再一示例性实施例示出的一种网络页面显示方法的流程图，如图5所示，本实施例涉及的网络页面显示方法适用于各种终端浏览器，该终端浏览器例如可以是微软的IE浏览器、百度浏览器、谷歌浏览器以及火狐浏览器等等。本实施例的执行主体为终端。该网络页面显示方法在图4所示实施例的步骤S43之后还包括以下步骤。

在步骤S51中，当第一CSS资源不可用，请求第二CSS资源。

在本步骤中，如果网络验证的结果是第一CSS资源不可用，则向服务器请求第二CSS资源，其中，包括向服务器发送请求消息，以请求一个可用的CSS资源，

在步骤S52中，接收并解析第二CSS资源，将第二CSS资源作用到已显示的网络页面上以刷新网络页面。

在本步骤中，服务器根据终端浏览器的请求返回给终端浏览器可用的第二CSS资源，终端浏览器根据该第二CSS资源作用到已显示网络页面上以刷新网络页面的显示，从而进一步使得所述网络页面的显示符合本来网络页面的显示需求。

本实施例的网络页面显示方法，在验证第一CSS资源不可用的时候，请求可用的第二CSS资源，并根据该第二CSS资源作用到已显示网络页面上以刷新网络页面的显示，从而在保证显示时机的前提下，使得网络页面的显示符合本来网络页面的显示需求。

其中，所述属性信息为颜色、字体或排版中的至少一种。

以上描述了电子邮件处理方法的实现过程，该过程可以由电子邮件处理装置来实现，以下将对电子邮件处理装置的内部功能和结构进行说明。

图6是根据一示例性实施例示出的一种网络页面显示装置的框图，如图6所示，本实施例涉及的网络页面显示装置例如可以是微软的IE浏览器、百度浏览器、谷歌浏览器以及火狐浏览器等等。该装置包括：

第一发送模块11，被配置为发送网络页面显示请求，所述网络页面显示请求包括所述网络页面的地址标识；

第一接收模块12，被配置为接收响应信息，所述响应信息包括与所述地址标识对应的用于显示所述网络页面的资源文件；

显示模块13，被配置为当所述资源文件包含层叠式样式表CSS资源文件且缓存中存在第一CSS资源，根据所述第一CSS资源设置所述网络页面的显示属性以显示所述网络页面。

本实施例的网络页面显示装置，通过向服务器发送网络页面显示请求并接收服务器发送的响应信息，响应信息包括用于显示网络页面的资源文件，然后解析该资源文件，当其包含CSS资源文件且缓存中存在第一CSS资源时，则直接使用第一CSS资源，不用在显示第一帧网络页面时等待第一CSS资源的加载，并根据该第一CSS资源设置网络页面的显示属性以显示网络页面。因此，加快了网络页面的显示时机，提高了用户体验。

图7是根据另一示例性实施例示出的一种网络页面显示装置的框图，如图7所示，本实施例涉及的网络页面显示装置例如可以是微软的IE浏览器、百度浏览器、谷歌浏览器以及火狐浏览器等等。在图6所示实施例的基础上，该装置还包括：

第二发送模块21，被配置为发送验证请求，所述验证请求包括用于请求所述服务器验证所述第一CSS资源是否可用的请求信息；

第二接收模块22，被配置为接收反馈信息，所述反馈信息包括所述服务器反馈的所述第一CSS资源是否可用的信息；

请求模块23，被配置为当所述第一CSS资源不可用，请求第二CSS资源；

第三接收模块24，被配置为接收所述第二CSS资源，将所述第二CSS资源作用到已显示的网络页面上以刷新所述网络页面。

本实施例的网络页面显示装置，通过进一步的网络验证步骤，验证上述第一CSS资源是否可用，当该CSS资源不可用的时候，重新请求可用的第二CSS资源，并根据该第二CSS资源作用到已显示网络页面上以刷新网络页面的显示。本实施例中的网络页面显示装置，执行网络验证步骤，通过网络验证当前的第一CSS资源是否可用，如果第一CSS资源可用，因为之前已经使用过这个CSS资源了，则不用再解析了，如果不可用，则重新请求可用的第二CSS资源，从而在保证显示时机的前提下，进一步使得网络页面的显示符合本来网络页面的显示需求。

图8是根据又一示例性实施例示出的一种网络页面显示装置的框图，如图8所示，本实施例涉及的网络页面显示装置例如可以是微软的IE浏览器、百度浏览器、谷歌浏览器以及火狐浏览器等等。在图7所示实施例的基础上，所述第三接收模块24包括：

解析模块241，被配置为解析所述第二CSS资源；

设置模块242，被配置为根据解析的所述第二CSS资源重新设置所述网络页面的显示属性以刷新所述网络页面。

其中，所述属性信息为颜色、字体或排版中的至少一种。

图9是根据一示例性实施例示出的一种网络页面显示装置的框图，如图9所示，本实施例涉及的网络页面显示装置例如可以是微软的IE浏览器、百度浏览器、谷歌浏览器以及火狐浏览器等等。该装置包括：

第一发送模块31，被配置为发送网络页面显示请求，所述网络页面显示请求包括所述网络页面的地址标识；

第一接收模块32，被配置为接收响应信息，所述响应信息包括与所述地址标识对应的用于显示所述网络页面的资源文件：

显示模块33，被配置为根据所述资源文件显示所述网络页面。

本实施例的网络页面显示装置，终端浏览器不等待CSS资源的加载，直接显示网络页面，因此可以提前第一帧的显示时机，而不是由于等待CSS加载而呈现给用户的是空白页面的情况，提高了用户体验。

图10是根据另一示例性实施例示出的一种网络页面显示装置的框图，如图10所示，本实施例涉及的网络页面显示装置例如可以是微软的IE浏览器、百度浏览器、谷歌浏览器以及火狐浏览器等等。在图9所示实施例的基础上，该装置还包括：

第二发送模块41，被配置为当所述资源文件包含所述CSS资源文件且缓存中存在第一CSS资源，发送验证请求，所述验证请求包括用于请求所述服务器验证所述第一CSS资源是否可用的请求信息；

第二接收模块42，被配置为接收反馈信息，所述反馈信息包括所述服务器反馈的所述第一CSS资源是否可用的信息；

设置模块43，被配置为当所述第一CSS资源可用的信息，根据所述第一CSS资源设置所述网络页面的显示属性以刷新所述网络页面。

本实施例的网络页面显示装置，在提前第一帧显示时机的前提下，因为CSS资源没有加载下来，可能会导致网络页面的排版错乱，因此，判断缓存中是否存在第一CSS资源并进行验证，如果存在且验证可用，则继续加载第一CSS资源并作用到已显示第一帧的网络页面上，此时会刷新网络页面，显示网页应该真正显示的样子。

图11是根据又一示例性实施例示出的一种网络页面显示装置的框图，如图11所示，本实施例涉及的网络页面显示装置例如可以是微软的IE浏览器、百度浏览器、谷歌浏览器以及火狐浏览器等等。在图10所示实施例的基础上，该装置还包括：

请求模块51，被配置为当所述第一CSS资源不可用，请求第二CSS资源；

第三接收模块52，被配置为接收第二CSS资源；

解析模块53，被配置为解析所述第二CSS资源，将所述第二CSS资源作用到已显示的网络页面上以刷新所述网络页面。

本实施例的网络页面显示装置，在验证第一CSS资源不可用的时候，请求可用的第二CSS资源，并根据该第二CSS资源作用到已显示网络页面上以刷新网络页面的显示，从而在保证显示时机的前提下，使得网络页面的显示符合本来网络页面的显示需求。

其中，所述属性信息为颜色、字体或排版中的至少一种。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

以上描述了网络页面显示装置的内部功能和结构，如图12所示，图12是根据一示例性实施例示出的一种网络页面显示装置的框图；该网络页面显示装置可实现为：

存储器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

图13是根据一示例性实施例示出的一种用于网络页面显示的装置800的框图。例如，装置800可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

参照图13，装置800可以包括以下一个或多个组件：处理组件802，存储器804，电力组件806，多媒体组件808，音频组件810，输入/输出(I/O)的接口812，传感器组件814，以及通信组件816。

处理组件802通常控制装置800的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件802可以包括一个或多个处理器820来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件802可以包括一个或多个模块，便于处理组件802和其他组件之间的交互。例如，处理组件802可以包括多媒体模块，以方便多媒体组件808和处理组件802之间的交互。

存储器804被配置为存储各种类型的数据以支持在设备800的操作。这些数据的示例包括用于在装置800上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器804可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电力组件806为装置800的各种组件提供电力。电力组件806可以包括电源管理系统，一个或多个电源，及其他与为装置800生成、管理和分配电力相关联的组件。

多媒体组件808包括在所述装置800和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件808包括一个前置摄像头和/或后置摄像头。当设备800处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件810被配置为输出和/或输入音频信号。例如，音频组件810包括一个麦克风(MIC)，当装置800处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器804或经由通信组件816发送。在一些实施例中，音频组件810还包括一个扬声器，用于输出音频信号。

I/O接口812为处理组件802和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件814包括一个或多个传感器，用于为装置800提供各个方面的状态评估。例如，传感器组件814可以检测到设备800的打开/关闭状态，组件的相对定位，例如所述组件为装置800的显示器和小键盘，传感器组件814还可以检测装置800或装置800一个组件的位置改变，用户与装置800接触的存在或不存在，装置800方位或加速/减速和装置800的温度变化。传感器组件814可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件814还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件814还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件816被配置为便于装置800和其他设备之间有线或无线方式的通信。装置800可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。在一个示例性实施例中，通信组件816经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件816还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，装置800可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器804，上述指令可由装置800的处理器820执行以完成上述方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

一种非临时性计算机可读存储介质，当所述存储介质中的指令由移动终端的处理器执行时，使得移动终端能够执行一种网络页面显示方法，所述方法包括：

其中，所述方法还包括：

当所述第一CSS资源不可用，请求第二CSS资源；

其中，所述将所述第二CSS资源作用到已显示的网络页面上以刷新所述网络页面包括：

其中，所述网络页面的显示属性包括所述网络页面中待显示文体的属性信息、待显示图片的属性信息或待显示表格的属性信息中的至少一种；

其中，所述属性信息为颜色、字体或排版中的至少一种。

根据所述资源文件显示所述网络页面。

其中，所述方法还包括：

当所述资源文件包含所述CSS资源文件且所述缓存中存在第一CSS资源，发送验证请求，所述验证请求包括用于请求所述服务器验证所述第一CSS资源是否可用的请求信息；

接收所述反馈信息，所述反馈信息包括所述服务器反馈的所述第一CSS资源是否可用的信息；

其中，所述方法还包括：

当所述第一CSS资源不可用，则请求第二CSS资源；

其中，所述属性信息为颜色、字体或排版中的至少一种。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims

1.一种网络页面显示方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

当所述第一CSS资源不可用，请求第二CSS资源；

3.根据权利要求2所述的方法，其特征在于，所述将所述第二CSS资源作用到已显示的网络页面上以刷新所述网络页面，包括：

4.根据权利要求1～3任一项所述的方法，其特征在于，所述网络页面的显示属性包括所述网络页面中待显示文体的属性信息、待显示图片的属性信息或待显示表格的属性信息中的至少一种；

其中，所述属性信息为颜色、字体或排版中的至少一种。

5.一种网络页面显示方法，其特征在于，包括：

根据所述资源文件显示所述网络页面。

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

7.根据权利要求6所述的方法，其特征在于，所述方法还包括：

当所述第一CSS资源不可用，请求第二CSS资源；

8.根据权利要求6或7所述的方法，其特征在于，所述网络页面的显示属性包括所述网络页面中待显示文体的属性信息、待显示图片的属性信息或待显示表格的属性信息中的至少一种；

其中，所述属性信息为颜色、字体或排版中的至少一种。

9.一种网络页面显示装置，其特征在于，包括：

10.根据权利要求9所述的装置，其特征在于，所述装置还包括：

11.根据权利要求10所述的装置，其特征在于，所述第三接收模块包括：

解析模块，被配置为解析所述第二CSS资源；

12.根据权利要求9～11任一项所述的装置，其特征在于，

其中，所述属性信息为颜色、字体或排版中的至少一种。

13.一种网络页面显示装置，其特征在于，包括：

显示模块，被配置为根据所述资源文件显示所述网络页面。

14.根据权利要求13所述的装置，其特征在于，所述装置还包括：

设置模块，被配置为当所述第一CSS资源可用，根据所述第一CSS资源设置所述网络页面的显示属性以刷新所述网络页面。

15.根据权利要求14所述的装置，其特征在于，所述装置还包括：

第三接收模块，被配置为接收第二CSS资源；

16.根据权利要求14或15所述的装置，其特征在于，所述网络页面的显示属性包括所述网络页面中待显示文体的属性信息、待显示图片的属性信息或待显示表格的属性信息中的至少一种；

其中，所述属性信息为颜色、字体或排版中的至少一种。

17.一种网络页面显示装置，其特征在于，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：