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

本发明涉及通信领域的数据传输技术，尤其涉及一种网页显示方法及装置。

背景技术：

随着计算机及互联网技术的不断发展，浏览器作为浏览互联网亿级网页的入口，已经成为用户访问网络的常用工具，用户可以通过在终端上运行的浏览器打开网页，观看新闻或视频等节目。

根据常用的b/s结构下的网页由框架数据和动态数据组成，框架数据为网页布局、页面排版、网页背景，固定元素的位置和大小等网页中固定不变的数据，动态数据为历次显示该网页时可能会发生变化的数据，一般情况下在用户每次浏览该网页时动态生成。通常用户在通过浏览器打开网页时，浏览器向服务器发送浏览请求，服务器获取网页的框架数据和本次浏览的动态数据，然后将框架数据和动态数据组织成一个完整的网页信息发送给浏览器，以便于浏览器进行显示。

但是，当终端处于移动通信网络下时，容易出现网络速率和信号强度较差的情况，用户在打开网页时，可能会由于网页信息较大造成网页响应速度较慢，同时由于大部分运营商都是通过用户使用数据通信的流量进行计费的，网页信息较大也会造成较高的上网流量，进而产生较高的费用，用户体验不佳。

技术实现要素：

为解决上述技术问题，本发明实施例期望提供一种网页显示方法及装置，能够提高网页响应速度，降低数据流量，进而降低用户资费，提高了用户体验。

一方面，本发明实施例提供一种网页显示方法，包括：

接收服务器发送的网页的动态数据；

从本地缓存中获取所述网页的框架数据；

根据所述动态数据和所述框架数据，显示所述网页。

可选的，在所述从本地缓存中获取所述网页的框架数据之前，所述方法还包括：

确定所述本地缓存中是否存在所述网页的框架数据；

所述从本地缓存中获取所述网页的框架数据包括：

当所述本地缓存中存在所述网页的框架数据时，获取所述网页的框架数据。

可选的，在确定所述本地缓存中是否存在所述网页的框架数据之后，所述方法还包括：

当所述本地缓存中不存在所述网页的框架数据时，向所述服务器发送业务请求，以便于所述服务器根据所述业务请求获取并发送所述网页的框架数据。

可选的，在所述接收服务器发送的网页的动态数据之前，所述方法还包括：

向所述服务器发送所述网页的浏览请求。

可选的，所述框架数据为所述网页的超级文本标记语言html标签或属性。

另一方面，本发明实施例提供一种网页显示装置，包括：

接收单元，用于接收服务器发送的网页的动态数据；

获取单元，用于从本地缓存中获取所述网页的框架数据；

显示单元，用于根据所述动态数据和所述框架数据，显示所述网页。

可选的，所述装置还包括：

确定单元，用于确定所述本地缓存中是否存在所述网页的框架数据；

所述获取单元具体用于，当所述本地缓存中存在所述网页的框架数据时，获取所述网页的框架数据。

可选的，所述装置还包括：

第一发送单元，用于当所述本地缓存中不存在所述网页的框架数据时，向所述服务器发送业务请求，以便于所述服务器根据所述业务请求获取并发送所述网页的框架数据。

可选的，所述装置还包括：

第二发送单元，用于向所述服务器发送所述网页的浏览请求。

可选的，所述框架数据为所述网页的超级文本标记语言html标签或属性。

本发明实施例提供了一种网页显示方法，包括：接收服务器发送的网页的动态数据；从本地缓存中获取所述网页的框架数据；根据所述动态数据和所述框架数据，显示所述网页。相较于现有技术，由于每次浏览网页时，只需要从服务器下载数据量较小的动态数据，因此提高了网页的响应速度，同时由于数据量较大的框架数据是预先存储在本地缓存中的，不需要在每次浏览网页时从服务器进行下载，因此也降低了每次浏览网页时产生的流量，进而降低了用户的资费，提高了用户体验。

附图说明

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

图2为本发明实施例提供的一种网页显示方法的流程示意图2；

图3为本发明实施例提供的一种网页显示装置的结构示意图1；

图4为本发明实施例提供的一种网页显示装置的结构示意图2；

图5为本发明实施例提供的一种网页显示装置的结构示意图3；

图6为本发明实施例提供的一种网页显示装置的结构示意图4。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述。

实施例一

本发明实施例提供一种网页显示方法，可以应用于终端，所述终端为手机，平板电脑，个人电脑等能够支持浏览器运行的终端，本发明实施例对此不做限定。所述网页显示方法如图1所示，包括：

步骤101、接收服务器发送的网页的动态数据。

示例的，在系统实现商用后，客户端界面的布局几乎是不便的，几个月或 者几年才更新一次，每次更新也仅是进行了少量新增或修改，因此现有技术中，终端的浏览器在进行网页显示时，服务器发送给终端的数据中，有很大一部分内容属于描述网页布局的框架数据，有效的动态数据只占用其中很少的部分，因此如果将框架数据预先存储在终端，每次仅从服务器下载有效的动态数据，仍然可以得到用户所需的网页。以常用的java编程制作的网页为例，所述动态数据指的是网页中由javascript动态生成的页面内容，在每次页面加载到浏览器后动态生成，所述javascript为一种属于网络的脚本语言，广泛用于web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。

步骤102、从本地缓存中获取所述网页的框架数据。

示例的，所述本地缓存为终端本地的物理内存划分出的一部分空间，用于存储常用网页的框架数据。以常用的java编程制作的网页为例，所述框架数据可以为超级文本标记语言(hypertextmarkuplanguage，html)标签或属性。实际应用中，可以将描述如何展示网页的html标签、属性或者代码片段以字符串变量的形式写入javascript文件和/或menu_templet.js文件，然后将javascript文件和/或menu_templet.js文件存入本地缓存中，通过统一资源定位符(uniformresourcelocator，url)进行标识。例如，假设用户常用的网页为购物网页a，在用户采用该终端第一次访问购物网页a时，将该网页的框架数据存储在终端的本地缓存中，购物网页a的框架数据可以为该网页的固定商标(logotype，logo)，页面布局，图片等数据，将上述数据以字符串变量的形式写入javascript文件和/或menu_templet.js文件，并且以购物网页a的url进行标识。当用户再次访问购物网页a时，根据该购物网页a的url在本地缓存中查询，获取该url对应的javascript文件和/或menu_templet.js文件，即获取了购物网页a的框架数据。

步骤103、根据所述动态数据和所述框架数据，显示所述网页。

示例的，终端首先接收服务器发送的动态数据，然后从本地缓存中获取框架数据，然后将动态数据填充进框架数据中，形成需要展示的页面并进行显示。 例如，终端在获取到动态数据后，从本地缓存中获取需要填入数据的javascript文件和/或menu_templet.js文件，并将上述文件中的字符串变量(即网页html标签或属性)读出后插入服务器发送的动态数据，得到完整网页的内容，并进行显示。

这样一来，由于每次浏览网页时，只需要从服务器下载数据量较小的动态数据，因此提高了网页的响应速度，同时由于数据量较大的框架数据是预先存储在本地缓存中的，不需要在每次浏览网页时从服务器进行下载，因此也降低了每次浏览网页时产生的流量，进而降低了用户的资费，提高了用户体验。

进一步的，在所述从本地缓存中获取所述网页的框架数据之前，还需要首先确定所述本地缓存中是否存在所述网页的框架数据，当所述本地缓存中存在所述网页的框架数据时，获取所述网页的框架数据。当所述本地缓存中不存在所述网页的框架数据时，向所述服务器发送业务请求，以便于所述服务器根据所述业务请求获取并发送所述网页的框架数据。

示例的，终端在访问网页时，并不能确定本地缓存中是否已存储了该网页的框架数据，因此在终端接收到了服务器发送的该网页的动态数据之后，根据该网页的url在本地缓存中查询，确定本地缓存中是否存在所述网页的框架数据，如果本地缓存中存在所述网页的框架数据，则可以获取该网页的url对应的框架数据；如果本地缓存中不存在所述网页的框架数据，可以向服务器发送业务请求，所述业务请求中包括所述网页的网页标识，服务器根据所述网页标识，获取网页的框架数据，并将该框架数据发送给终端，终端在接收服务器发送的该网页的框架数据之后，将该框架数据进行存储，以便于用户下一次访问该网站网页时进行调用。其中，所述网页标识可以为网页的url。

进一步的，在所述接收服务器发送的网页的动态数据之前，终端首先需要向所述服务器发送所述网页的浏览请求，所述浏览请求包括所述网页的网页标识。

示例的，用户在采用终端上网时，如果想要访问购物网页a，需要向服务器发送浏览请求，例如，可以点击购物网页a的超链接，或者直接输入购物网 页a的网址，所述浏览请求包括所述网页的网页标识，所述网页标识可以为网页的url。

本发明实施例提供了一种网页显示方法，包括：接收服务器发送的网页的动态数据；从本地缓存中获取所述网页的框架数据；根据所述动态数据和所述框架数据，显示所述网页。相较于现有技术，由于每次浏览网页时，只需要从服务器下载数据量较小的动态数据，因此提高了网页的响应速度，同时由于数据量较大的框架数据是预先存储在本地缓存中的，不需要在每次浏览网页时从服务器进行下载，因此也降低了每次浏览网页时产生的流量，进而降低了用户的资费，提高了用户体验。

实施例二

本发明实施例提供一种网页显示方法，如图2所示，包括：

步骤201、终端向服务器发送浏览请求，执行步骤202。

示例的，假设用户通过终端访问购物网页a，如果用户知道购物网页a的网址，可以直接在浏览器上输入该网址，并点击确定，即可向服务器发送关于购物网页a的浏览请求；或者网页b上设置了购物网页a的超链接，此时如果用户需要查看购物网页a，可以直接点击购物网页a的该超链接，即可向服务器发送关于购物网页a的浏览请求。

步骤202、服务器根据所述浏览请求，获取网页的动态数据，执行步骤203。

示例的，所述浏览请求包括购物网页a的网页标识，所述网页标识可以为购物网页a的url。服务器上按照网页标识存储了每个网页的相关数据，服务器在接收到终端发送的购物网页a浏览请求之后，可以根据该浏览请求中包括的购物网页a的url，获取购物网页a的动态数据。

步骤203、服务器将所述网页的动态数据发送给终端，执行步骤204。

示例的，如果终端通过无线通信网络与服务器连接，则服务器可以通过无线通信网络将购物网页a的动态数据发送给终端，由于动态数据较小，因此可以在较短的时间内发送完成，降低了终端加载购物网页a时产生的数据流量，同时也减小了用户的等待时间。

步骤204、终端确定本地缓存中是否存在所述网页的框架数据，当本地缓存中存在所述网页的框架数据时，执行步骤205；当本地缓存中不存在所述网页的框架数据时，执行步骤206。

示例的，终端的本地缓存中存储了常用网站的框架数据，每个网站的框架数据存在唯一对应的url，因此终端在获取购物网页a的动态数据之后，可以根据购物网页a的url，查询终端的本地缓存，确定本地缓存中是否存在与该url对应的框架数据。

步骤205、终端从本地缓存中获取所述网页的框架数据，执行步骤208。

示例的，如果终端的本地缓存中存在与购物网页a的url对应的框架数据，则可以直接从本地缓存中获取购物网页a的框架数据。

例如，可以预先将描述如何展示购物网页a的html标签、属性或者代码片段以字符串变量的形式写入javascript文件和/或menu_templet.js文件，然后将javascript文件和/或menu_templet.js文件存入本地缓存中，通过购物网页a的url进行标识。当终端获取购物网页a的动态数据之后，根据购物网页a的url，获取与该url对应的javascript文件和/或menu_templet.js文件，即获取到购物网页a的框架数据。

步骤206、终端向服务器发送所述网页的业务请求，执行步骤207。

示例的，如果终端的本地缓存中没有与购物网页a的url对应的框架数据，说明终端可能是初次访问该购物网页a，还没有存储购物网页a的框架数据，此时，终端可以向服务器发送业务请求，用于请求服务器发送购物网页a的框架数据，所述业务请求中包括所述购物网页a的url。

步骤207、服务器获取所述网页的框架数据，并发送给终端，执行步骤208。

示例的，服务器接收到终端发送的业务请求之后，根据该业务请求中的url，获取购物网页a的框架数据。如果终端通过无线通信网络与服务器连接，则服务器可以通过无线通信网络将购物网页a的框架数据发送给终端。实际应用中，由于框架数据的数据量较大，因此在接收服务器发送的所述网页的框架数据之前，终端还可以检测当前终端与服务器的连接状态，如果终端当前通过 无线通信网络与服务器连接，为了减小用户在无线通信网络下的数据流量，可以提示用户当前未接入无线宽带(wireless-fidelity，wi-fi)网络，建议用户在下一次接入wi-fi网络时进行下载。

步骤208、终端根据所述框架数据和所述动态数据，显示所述网页。

示例的，终端将动态数据填充进框架数据中，形成需要展示的页面并进行显示。例如，终端在获取到动态数据后，从本地缓存中获取需要填入数据的购物网页a的javascript文件和/或menu_templet.js文件，并将上述文件中的字符串变量(即网页html标签或属性)读出后插入服务器发送的动态数据，得到完整网页的内容，并进行显示。

需要说明的是，第一，本发明实施例中术语“和/或”，仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，a和/或b，可以表示：单独存在a，同时存在a和b，单独存在b这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。

第二，本发明实施例提供的网页显示方法的步骤的先后顺序可以进行适当调整，步骤也可以根据情况进行相应增减，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化的方法，都应涵盖在本发明的保护范围之内，因此不再赘述。

本发明实施例提供了一种网页显示方法，相较于现有技术，由于每次浏览网页时，只需要从服务器下载数据量较小的动态数据，因此提高了网页的响应速度，同时由于数据量较大的框架数据是预先存储在本地缓存中的，不需要在每次浏览网页时从服务器进行下载，因此也降低了每次浏览网页时产生的流量，进而降低了用户的资费，提高了用户体验。

实施例三

本发明实施例提供一种网页显示装置30，如图3所示，包括：

接收单元301，用于接收服务器发送的网页的动态数据。

获取单元302，用于从本地缓存中获取所述网页的框架数据。

显示单元303，用于根据所述动态数据和所述框架数据，显示所述网页。

这样一来，由于每次浏览网页时，只需要从服务器下载数据量较小的动态数据，因此提高了网页的响应速度，同时由于数据量较大的框架数据是预先存储在本地缓存中的，不需要在每次浏览网页时从服务器进行下载，因此也降低了每次浏览网页时产生的流量，进而降低了用户的资费，提高了用户体验。

可选的，如图4所示，所述装置30还包括：

确定单元304，用于确定所述本地缓存中是否存在所述网页的框架数据；

所述获取单元302具体用于，当所述本地缓存中存在所述网页的框架数据时，获取所述网页的框架数据。

可选的，如图5所示，所述装置30还包括：

第一发送单元305，用于当所述本地缓存中不存在所述网页的框架数据时，向所述服务器发送业务请求，以便于所述服务器根据所述业务请求获取并发送所述网页的框架数据。

可选的，如图6所示，所述装置30还包括：

第二发送单元306，用于向所述服务器发送所述网页的浏览请求。

可选的，所述框架数据为所述网页的超级文本标记语言html标签或属性。

需要说明的是，第一，所述获取单元302和确定单元304均可由位于网页显示装置30中的中央处理器(centralprocessingunit，cpu)、微处理器(microprocessorunit，mpu)、数字信号处理器(digitalsignalprocessor，dsp)、或现场可编程门阵列(fieldprogrammablegatearray，fpga)等实现。所述接收单元301可由位于网页显示装置30中的天线实现，所述显示单元303可由位于网页显示装置30中的显示屏实现，所述第一发送单元305和所述第二发送单元306可由位于网页显示装置30中的无线发送模块实现。

第二，所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

本发明实施例提供了一种网页显示装置，包括：接收单元，用于接收服务器发送的网页的动态数据。获取单元，用于从本地缓存中获取所述网页的框架 数据。显示单元，用于根据所述动态数据和所述框架数据，显示所述网页。相较于现有技术，由于每次浏览网页时，只需要从服务器下载数据量较小的动态数据，因此提高了网页的响应速度，同时由于数据量较大的框架数据是预先存储在本地缓存中的，不需要在每次浏览网页时从服务器进行下载，因此也降低了每次浏览网页时产生的流量，进而降低了用户的资费，提高了用户体验。

以上所述，仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。