网页显示方法及装置与流程

本发明涉及终端技术领域，尤其涉及一种网页显示方法及装置。

背景技术：

随着互联网的普及，用户可以通过PC(个人计算机)、智能手机、PAD(平板电脑)等各种终端进行网页访问，从而获得相应的网页资源。然而，目前大部分的网页都是PC网页，在PC上可以适配显示这些网页，但在智能手机、PAD等终端上却很可能无法进行适配显示，因此，目前现状中，网页在终端上显示的适配度较低。

技术实现要素：

本发明的主要目的在于提出一种网页显示方法及装置，旨在解决现有技术中网页在终端上显示的适配度较低的技术问题。

为实现上述目的，本发明提供的一种网页显示方法，所述网页显示方法包括以下步骤：

终端在接收到服务器发送的网页对应的网页数据时，提取所述网页数据中的超文本标记语言html文件；

对所述html文件进行解析，获取与所述html文件匹配的布局文件，其中，所述布局文件为与所述终端的配置参数对应的布局文件；

根据所述布局文件，在所述终端的显示界面上显示所述网页。

优选地，所述对所述html文件进行解析，获取与所述html文件匹配的布局文件，其中，所述布局文件为与所述终端的配置参数对应的布局文件的步骤包括：

对所述html文件进行解析，从所述终端本地保存的布局文件库中查询获取与所述html文件匹配的布局文件，其中，所述布局文件库中的布局文件均为与所述终端的配置参数对应的布局文件。

优选地，所述对所述html文件进行解析，从所述终端本地保存的布局文件库中查询获取与所述html文件匹配的布局文件的步骤包括：

对所述html文件进行解析，获取所述html文件对应的文件架构；

根据所述文件架构，从所述终端本地保存的布局文件库中，查询与所述文件架构对应的布局文件；

确定所述布局文件为所述html文件匹配的布局文件。

优选地，所述对所述html文件进行解析，获取与所述html文件匹配的布局文件，其中，所述布局文件为与所述终端的配置参数对应的布局文件的步骤包括：

对所述html文件进行解析，将所述html文件转换成与所述终端的配置参数对应的布局文件。

优选地，所述对所述html文件进行解析，将所述html文件转换成与所述终端的配置参数对应的布局文件的步骤包括：

对所述html文件进行解析，从所述终端本地保存的布局文件库中，查询是否存在与所述html文件匹配的布局文件，其中，所述布局文件库中的布局文件均为与所述终端的配置参数对应的布局文件；

若不存在与所述html文件匹配的布局文件，则将所述html文件转换成与所述终端的配置参数对应的布局文件。

此外，为实现上述目的，本发明还提出一种网页显示装置，所述网页显示装置包括：

提取模块，用于在接收到服务器发送的网页对应的网页数据时，提取所述网页数据中的超文本标记语言html文件；

处理模块，用于对所述html文件进行解析，获取与所述html文件匹配的布局文件，其中，所述布局文件为与终端的配置参数对应的布局文件；

显示模块，用于根据所述布局文件，在所述终端的显示界面上显示所述网页。

优选地，所述处理模块用于：

对所述html文件进行解析，从所述终端本地保存的布局文件库中查询获取与所述html文件匹配的布局文件，其中，所述布局文件库中的布局文件均为与所述终端的配置参数对应的布局文件。

优选地，所述处理模块包括：

解析单元，用于对所述html文件进行解析，获取所述html文件对应的文件架构；

第一查询单元，用于根据所述文件架构，从所述终端本地保存的布局文件库中，查询与所述文件架构对应的布局文件；

确定单元，用于确定所述布局文件为所述html文件匹配的布局文件。

优选地，所述处理模块用于：

对所述html文件进行解析，将所述html文件转换成与所述终端的配置参数对应的布局文件。

优选地，所述处理模块包括：

第二查询单元，用于对所述html文件进行解析，从所述终端本地保存的布局文件库中，查询是否存在与所述html文件匹配的布局文件，其中，所述布局文件库中的布局文件均为与所述终端的配置参数对应的布局文件；

处理单元，用于若不存在与所述html文件匹配的布局文件，则将所述html文件转换成与所述终端的配置参数对应的布局文件。

本发明提出的网页显示方法及装置，当终端接收到服务器发送的网页对应的网页数据时，首先提取出该网页数据中的html文件，并对该html文件进行解析，获取与该html文件匹配的布局文件，此布局文件为与终端的配置参数对应的布局文件，然后根据获取的布局文件，在终端的显示界面上显示该网页。由于布局文件与网页对应的html文件匹配，保障了在终端上显示该网页的内容信息；同时，由于是根据与终端的配置参数对应的布局文件来显示该网页的，因此提高了网页在终端上显示的适配度。

附图说明

图1为本发明网页显示方法第一实施例的流程示意图；

图2为本发明网页显示方法第二实施例的流程示意图；

图3为本发明网页显示装置第一实施例的功能模块示意图；

图4为本发明网页显示装置第一实施例中处理模块的细化功能模块示意图；

图5为本发明网页显示装置第二实施例中处理模块的细化功能模块示意图。

本发明目的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

本发明提供一种网页显示方法，参照图1，图1为本发明网页显示方法第一实施例的流程示意图。

在该实施例中，所述网页显示方法包括以下步骤：

步骤S10，终端在接收到服务器发送的网页对应的网页数据时，提取所述网页数据中的超文本标记语言html文件；

随着互联网的普及，用户可以通过PC(个人计算机)、智能手机、PAD(平板电脑)等各种终端进行网页访问，从而获得相应的网页资源。而一个完整的网页通常包括html(HyperTextMark-upLanguage，超文本标记语言)文件、CSS(CascadingStyleSheet，层叠样式表)文件、JS(javascript，Java脚本)文件等网页数据，当然，也还可以包括图片、视频等其他种类的网页数据。其中，html文件的结构包括头部分Head和主体部分Body，其中head提供关于网页的信息，body提供网页的具体内容；CSS文件能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力；JS文件是依据一定的格式编写的可执行文件，又称作宏或批处理文件，不仅可以减小网页的规模和提高网页浏览速度，而且还可以丰富网页的表现，如动画、声音等。

在本实施例中，当智能手机、PAD(平板电脑)等终端要访问网页时，发送相应的网页访问请求至服务器。在服务器接收到终端发送的网页访问请求时，将该网页对应的网页数据发送至终端。其中，该网页数据中就包括了该网页对应的html文件、CSS文件、JS文件等等。当终端接收到服务器发送的网页对应的网页数据时，为了能够实现在终端上适配显示该网页，终端并不直接根据接收到的网页数据在显示界面上显示该网页，而是在网页显示之前，先对该网页进行优化。具体地，终端首先提取出该网页数据中的html文件，也即获取网页对应的html文件。比如，终端通过调用htmlParser提取出html文件。htmlParser是一个纯的java写的html解析的库，主要用于改造或提取html文件，是目前最常采用的html文件解析和分析的工具。

步骤S20，对所述html文件进行解析，获取与所述html文件匹配的布局文件，其中，所述布局文件为与所述终端的配置参数对应的布局文件；

为了能够在终端上适配显示该网页，当获取到网页对应的html文件后，终端对该html文件进行解析，比如终端通过调用htmlParser对该html文件进行解析，获取与该html文件匹配的布局文件，该布局文件为与终端的配置参数对应的布局文件。其中，终端的配置参数包括终端的屏幕尺寸、CPU能力、GPU能力、网速等等。具体地，终端可以通过以下两种方式中的任意一种方式获取与该html文件匹配的布局文件：

1)、方式一，终端直接从已建立的布局文件中选取与该html文件匹配的布局文件。具体地，在该方式中，所述步骤S20包括：

步骤a，对所述html文件进行解析，从所述终端本地保存的布局文件库中查询获取与所述html文件匹配的布局文件，其中，所述布局文件库中的布局文件均为与所述终端的配置参数对应的布局文件。

在方式一中，终端预先在本地建立一布局文件库，该布局文件库中保存有多个布局文件，其中每个布局文件均对应于终端的配置参数。当获取到网页对应的html文件后，终端对该html文件进行解析，比如终端通过调用htmlParser对该html文件进行解析，然后查询终端本地保存的布局文件库中，从中获取与该html文件匹配的布局文件。

具体地，所述步骤a包括：

步骤a1，对所述html文件进行解析，获取所述html文件对应的文件架构；

步骤a2，根据所述文件架构，从所述终端本地保存的布局文件库中，查询与所述文件架构对应的布局文件；

步骤a3，确定所述布局文件为所述html文件匹配的布局文件。

终端对该html文件进行解析，比如终端通过调用htmlParser对该html文件进行解析，获得该html文件对应的文件架构，然后，终端根据该html文件对应的文件架构，查询终端本地保存的布局文件库中，查找获取与解析得到的文件架构对应的布局文件。然后将查找获取的布局文件确定为该html文件匹配的布局文件。

2)、方式二，终端将该html文件进行转换，生成相应的布局文件。具体地，在该方式中，所述步骤S20包括：

步骤a，对所述html文件进行解析，将所述html文件转换成与所述终端的配置参数对应的布局文件。

在方式二中，当获取到网页对应的html文件之后，终端对该html文件进行解析，将该html文件转换成与终端的配置参数对应的布局文件。比如，终端通过调用htmlParser对该html文件进行解析，并根据终端的配置参数，将该html文件转换成与终端的配置参数对应的布局文件。由于生成的布局文件是由该html文件转换而来，因此，该布局文件是与该html文件匹配的布局文件。

步骤S30，根据所述布局文件，在所述终端的显示界面上显示所述网页。

当获取到与网页对应的html文件匹配的布局文件之后，终端根据该布局文件，在终端显示界面显示该网页。比如，终端将接收到的服务器发送的该网页对应的网页数据中的CSS文件、JS文件等进行解析，并加载获取的布局文件、以及解析的CSS文件、JS文件等，调用相应的显示接口在终端显示界面上显示该网页。由于获取的布局文件是与网页对应的html文件匹配的，因此，保证了在终端上显示该网页的内容信息。并且，由于是根据与终端的配置参数对应的布局文件来显示该网页的，因此也优化了网页在终端上的显示效果。

本实施例提供的方案，当终端接收到服务器发送的网页对应的网页数据时，首先提取出该网页数据中的html文件，并对该html文件进行解析，获取与该html文件匹配的布局文件，此布局文件为与终端的配置参数对应的布局文件，然后根据获取的布局文件，在终端的显示界面上显示该网页。由于布局文件与网页对应的html文件匹配，保障了在终端上显示该网页的内容信息；同时，由于是根据与终端的配置参数对应的布局文件来显示该网页的，因此提高了网页在该终端上显示的适配度，从而达到了网页优化显示的效果，大大提高了用户的使用体验。

进一步地，如图2所示，基于第一实施例提出本发明网页显示方法第二实施例，在本实施例中，所述步骤S20包括：

步骤S21，对所述html文件进行解析，从所述终端本地保存的布局文件库中，查询是否存在与所述html文件匹配的布局文件，其中，所述布局文件库中的布局文件均为与所述终端的配置参数对应的布局文件；若是，则执行步骤S22；若否，则执行步骤S23；

步骤S22，提取匹配的所述布局文件；

步骤S23，将所述html文件转换成与所述终端的配置参数对应的布局文件。

在本实施例中，终端预先在本地建立一布局文件库，该布局文件库中保存有多个布局文件，其中每个布局文件均对应于终端的配置参数。比如，预先对一些常用网页对应的html文件进行分析处理，将其转换成与终端的配置参数对应的布局文件，由这些布局文件建立起布局文件库。

当获取到网页对应的html文件后，终端对该html文件进行解析，比如终端通过调用htmlParser对该html文件进行解析，然后查询终端本地保存的布局文件库中，是否存在与该html文件匹配的布局文件。具体地，终端通过调用htmlParser对该html文件进行解析，获得该html文件对应的文件架构，然后，终端根据该html文件对应的文件架构，查询终端本地保存的布局文件库中，是否存在与解析得到的文件架构对应的布局文件。若存在与该文件架构对应的布局文件，则确定该布局文件为与该html文件匹配的布局文件；否则，若不存在与该文件架构对应的布局文件，则确定布局文件库中不存在与该html文件匹配的布局文件。

若确定存在与该html文件匹配的布局文件，则终端提取出此布局文件，然后根据此布局文件，在终端的显示界面上显示该网页。若确定不存在与该html文件匹配的布局文件，则终端根据其配置参数，将该html文件转换成与终端的配置参数对应的布局文件。然后根据生成的此布局文件，在终端的显示界面上显示该网页。因此，只要当布局文件库中存在与该html文件匹配的布局文件，终端就不必要再将该html文件进行转换了，直接使用布局文件库中匹配的布局文件即可，这样就节省了终端资源和时间。

进一步地，在将该html文件转换成与终端的配置参数对应的布局文件之后，将生成的布局文件保存至布局文件库中，以使该布局文件库不断进行完善优化。

进一步地，若终端根据其配置参数，未能成功将该html文件转换成与终端的配置参数对应的布局文件，则终端直接根据该html文件，在终端的显示界面上显示该网页，也即在终端上加载原本的网页，不对该网页进行优化显示。

本实施例提供的方案，当终端接收到服务器发送的网页对应的网页数据时，首先提取出该网页数据中的html文件，并对该html文件进行解析，从终端本地保存的布局文件库中，查询是否存在与该html文件匹配的布局文件，若存在与html文件匹配的布局文件，则提取该匹配的布局文件，根据该布局文件在终端的显示界面上显示该网页；若不存在与该html文件匹配的布局文件，则将该html文件转换成与终端的配置参数对应的布局文件，然后根据生成的布局文件在终端的显示界面上显示该网页。因此，只要当布局文件库中存在与该html文件匹配的布局文件，终端就不必要将该html文件进行转换，直接使用从布局文件库中查询到的匹配布局文件即可，这样就达到节省终端资源和时间的效果，从而在保证网页显示适配的同时，还提高了网页显示的效率。

本发明提供一种网页显示装置。

参照图3，图3为本发明网页显示装置第一实施例的功能模块示意图。

需要强调的是，对本领域的技术人员来说，图3所示功能模块图仅仅是一个较佳实施例的示例图，本领域的技术人员围绕图3所示的网页显示装置的功能模块，可轻易进行新的功能模块的补充；各功能模块的名称是自定义名称，仅用于辅助理解该网页显示装置的各个程序功能块，不用于限定本发明的技术方案，本发明技术方案的核心是，各自定义名称的功能模块所要达成的功能。

在本实施例中，所述网页显示装置包括：

提取模块10，用于在接收到服务器发送的网页对应的网页数据时，提取所述网页数据中的超文本标记语言html文件；

随着互联网的普及，用户可以通过PC(个人计算机)、智能手机、PAD(平板电脑)等各种终端进行网页访问，从而获得相应的网页资源。而一个完整的网页通常包括html(HyperTextMark-upLanguage，超文本标记语言)文件、CSS(CascadingStyleSheet，层叠样式表)文件、JS(javascript，Java脚本)文件等网页数据，当然，也还可以包括图片、视频等其他种类的网页数据。其中，html文件的结构包括头部分Head和主体部分Body，其中head提供关于网页的信息，body提供网页的具体内容；CSS文件能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力；JS文件是依据一定的格式编写的可执行文件，又称作宏或批处理文件，不仅可以减小网页的规模和提高网页浏览速度，而且还可以丰富网页的表现，如动画、声音等。

在本实施例中，网页显示装置应用于智能手机、PAD(平板电脑)等终端，可选地，网页显示装置预置于终端中。当终端要访问网页时，发送相应的网页访问请求至服务器。在服务器接收到终端发送的网页访问请求时，将该网页对应的网页数据发送至终端。其中，该网页数据中就包括了该网页对应的html文件、CSS文件、JS文件等等。

当接收到服务器发送的网页对应的网页数据时，为了能够实现在终端上适配显示该网页，提取模块10首先提取出该网页数据中的html文件，也即获取网页对应的html文件。比如，提取模块10通过调用htmlParser提取出html文件。htmlParser是一个纯的java写的html解析的库，主要用于改造或提取html文件，是目前最常采用的html文件解析和分析的工具。

处理模块20，用于对所述html文件进行解析，获取与所述html文件匹配的布局文件，其中，所述布局文件为与终端的配置参数对应的布局文件；

为了能够在终端上适配显示该网页，当获取到网页对应的html文件后，处理模块20对该html文件进行解析，比如处理模块20通过调用htmlParser对该html文件进行解析，获取与该html文件匹配的布局文件，该布局文件为与终端的配置参数对应的布局文件。其中，终端的配置参数包括终端的屏幕尺寸、CPU能力、GPU能力、网速等等。具体地，处理模块20可以通过以下两种方式中的任意一种方式获取与该html文件匹配的布局文件：

1)、方式一，处理模块20直接从已建立的布局文件中选取与该html文件匹配的布局文件。具体地，在该方式中，所述处理模块20用于：

对所述html文件进行解析，从所述终端本地保存的布局文件库中查询获取与所述html文件匹配的布局文件，其中，所述布局文件库中的布局文件均为与所述终端的配置参数对应的布局文件。

在方式一中，终端预先在本地建立一布局文件库，该布局文件库中保存有多个布局文件，其中每个布局文件均对应于终端的配置参数。当获取到网页对应的html文件后，处理模块20对该html文件进行解析，比如处理模块20通过调用htmlParser对该html文件进行解析，然后查询终端本地保存的布局文件库中，从中获取与该html文件匹配的布局文件。

具体地，如图4所示，所述处理模块20包括：

解析单元21，用于对所述html文件进行解析，获取所述html文件对应的文件架构；

第一查询单元22，用于根据所述文件架构，从所述终端本地保存的布局文件库中，查询与所述文件架构对应的布局文件；

确定单元23，用于确定所述布局文件为所述html文件匹配的布局文件。

解析单元21对该html文件进行解析，比如解析单元21通过调用htmlParser对该html文件进行解析，获得该html文件对应的文件架构，然后，第一查询单元22根据该html文件对应的文件架构，查询终端本地保存的布局文件库中，查找获取与解析得到的文件架构对应的布局文件。确定单元23将查找获取的布局文件确定为该html文件匹配的布局文件。

2)、方式二，处理模块20将该html文件进行转换，生成相应的布局文件。具体地，在该方式中，所述处理模块20用于：

对所述html文件进行解析，将所述html文件转换成与所述终端的配置参数对应的布局文件。

在方式二中，当获取到网页对应的html文件之后，处理模块20对该html文件进行解析，将该html文件转换成与终端的配置参数对应的布局文件。比如，处理模块20通过调用htmlParser对该html文件进行解析，并根据终端的配置参数，将该html文件转换成与终端的配置参数对应的布局文件。由于生成的布局文件是由该html文件转换而来，因此，该布局文件是与该html文件匹配的布局文件。

显示模块30，用于根据所述布局文件，在所述终端的显示界面上显示所述网页。

当获取到与网页对应的html文件匹配的布局文件之后，显示模块30根据该布局文件，在终端显示界面显示该网页。比如，将接收到的服务器发送的该网页对应的网页数据中的CSS文件、JS文件等进行解析，并加载获取的布局文件、以及解析的CSS文件、JS文件等，显示模块30调用相应的显示接口在终端显示界面上显示该网页。由于获取的布局文件是与网页对应的html文件匹配的，因此，保证了在终端上显示该网页的内容信息。并且，由于是根据与终端的配置参数对应的布局文件来显示该网页的，因此也优化了网页在终端上的显示效果。

本实施例提供的方案，当接收到服务器发送的网页对应的网页数据时，提取模块10首先提取出该网页数据中的html文件，处理模块20对该html文件进行解析，获取与该html文件匹配的布局文件，此布局文件为与终端的配置参数对应的布局文件，然后显示模块30根据获取的布局文件，在终端的显示界面上显示该网页。由于布局文件与网页对应的html文件匹配，保障了在终端上显示该网页的内容信息；同时，由于是根据与终端的配置参数对应的布局文件来显示该网页的，因此提高了网页在该终端上显示的适配度，从而达到了网页优化显示的效果，大大提高了用户的使用体验。

进一步地，如图5所示，基于第一实施例提出本发明网页显示装置第二实施例，在本实施例中，所述处理模块20包括：

第二查询单元24，用于对所述html文件进行解析，从所述终端本地保存的布局文件库中，查询是否存在与所述html文件匹配的布局文件，其中，所述布局文件库中的布局文件均为与所述终端的配置参数对应的布局文件；

处理单元25，用于若存在与所述html文件匹配的布局文件，则提取匹配的所述布局文件；若不存在与所述html文件匹配的布局文件，则将所述html文件转换成与所述终端的配置参数对应的布局文件。

在本实施例中，终端预先在本地建立一布局文件库，该布局文件库中保存有多个布局文件，其中每个布局文件均对应于终端的配置参数。比如，预先对一些常用网页对应的html文件进行分析处理，将其转换成与终端的配置参数对应的布局文件，由这些布局文件建立起布局文件库。

当获取到网页对应的html文件后，第二查询单元24对该html文件进行解析，比如通过调用htmlParser对该html文件进行解析，然后查询终端本地保存的布局文件库中，是否存在与该html文件匹配的布局文件。

若存在与该html文件匹配的布局文件，则处理单元25提取出此布局文件，然后显示模块30根据此布局文件，在终端的显示界面上显示该网页。若不存在与该html文件匹配的布局文件，则处理单元25根据其配置参数，将该html文件转换成与终端的配置参数对应的布局文件。然后显示模块30根据生成的此布局文件，在终端的显示界面上显示该网页。因此，只要当布局文件库中存在与该html文件匹配的布局文件，处理单元25就不必要再将该html文件进行转换了，直接使用布局文件库中匹配的布局文件即可，这样就节省了终端资源和时间。

进一步地，处理单元25在将该html文件转换成与终端的配置参数对应的布局文件之后，将生成的布局文件保存至布局文件库中，以使该布局文件库不断进行完善优化。

进一步地，若处理单元25根据其配置参数，未能成功将该html文件转换成与终端的配置参数对应的布局文件，则直接根据该html文件，在终端的显示界面上显示该网页，不对该网页进行优化显示。

本实施例提供的方案，当接收到服务器发送的网页对应的网页数据时，提取模块10首先提取出该网页数据中的html文件，第二查询单元24对该html文件进行解析，从终端本地保存的布局文件库中，查询是否存在与该html文件匹配的布局文件，若存在与html文件匹配的布局文件，则处理单元25提取该匹配的布局文件，显示模块30根据该布局文件在终端的显示界面上显示该网页；若不存在与该html文件匹配的布局文件，则处理单元25将该html文件转换成与终端的配置参数对应的布局文件，然后显示模块30根据生成的布局文件在终端的显示界面上显示该网页。因此，只要当布局文件库中存在与该html文件匹配的布局文件，处理单元25就不必要将该html文件进行转换，直接使用从布局文件库中查询到的匹配布局文件即可，这样就达到节省终端资源和时间的效果，从而在保证网页显示适配的同时，还提高了网页显示的效率。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其它变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其它要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。

以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其它相关的技术领域，均同理包括在本发明的专利保护范围内。