CN102769641B - 一种网页内容自适应控制的展示方法及系统 - Google Patents

Abstract

本发明公开了一种网页内容自适应控制的展示方法，该方法包括客户端监测到当前网页有页面展示载体时，如果判断出需要展示或更新定制的网页内容，则客户端向服务器发送数据下载请求，服务器返回用于生成页面内容的原始数据，由原始数据生成页面内容，并在当前页面的所述页面展示载体上展示所述页面内容。本发明还公开了一种网页内容自适应控制的展示系统，系统中的自适应控制单元用于客户端监测到当前网页有页面展示载体时，如果判断出需要展示或更新定制的网页内容，则客户端向服务器发送数据下载请求。采用本发明的方法及系统，能实现自适应控制的网页内容展示，从而节约网络流量，降低服务器的工作负荷，不会对有限的带宽造成影响。

Description

一种网页内容自适应控制的展示方法及系统

技术领域

本发明涉及网页内容的展示技术，尤其涉及一种网页内容自适应控制的展示方法及系统。

背景技术

目前的网页内容展示技术，可以在网页上预留特定位置，该特定位置用于对定制的网页内容进行展示。该特定位置实际上就是网站编辑在网页上事先预留的一块页面空间，来承载需要展示的该定制的页面内容，因此，该特定位置也可以称为页面展示载体，以下本文都将该特定的位置称为页面展示载体。并且该页面展示载体不仅位置是预先设置的，其尺寸也是预先设置的。在网页内容展示之前，实际上是客户端的浏览器先从后台的服务器下载到该定制的网页内容对应的各个原始数据(各个原始数据用于生成定制的网页内容)，当网页一打开，就立即从服务器下载该定制的网页内容对应的各个原始数据，并将由各个原始数据所生成的定制的网页内容，在预先设置的页面展示载体上进行展示。

综上所述，现有网页内容展示技术的缺点是以下两个方面：

一、页面展示载体无论位置还是尺寸都是预先设置的，由于网页上通常包括不同主题的多个网页内容需要定制及展示，那么预计有几个网页内容需要定制及展示，就相应需要在网页上预留同样数目的页面展示载体，网页设计是人工操作的，也就是说，都需要网站编辑在前期规划时预先考虑好网页内容的布局。然而，由于网页内容是不断更新变化的，计划没有变化快，事先人工规划的再好，一旦需要更新时就会比较麻烦，可见，无论前期规划还是后期更新规划，由于是人工预设的规划操作，因此，都需要占用大量人力和物力，但是实现的网页内容展示效果却不好，网页内容主题不够突出。

二、只要网页一打开，就立即从服务器下载该定制的网页内容对应的各个原始数据，以便于网页内容展示，也会使客户端从服务器端下载数据交互时的网络流量大大提高，当有大量客户端存在时，服务器向大量客户端返回数据不仅造成服务器侧处理时工作负荷的增加，而且也会对有限的带宽造成影响。

发明内容

有鉴于此，本发明的主要目的在于提供一种网页内容自适应控制的展示方法及系统，能实现自适应控制的网页内容展示，从而节约网络流量，降低服务器的工作负荷，不会对有限的带宽造成影响。

为达到上述目的，本发明的技术方案是这样实现的：

一种网页内容自适应控制的展示方法，该方法包括：客户端监测到当前网页有页面展示载体时，如果判断出需要展示或更新定制的网页内容，则客户端向服务器发送数据下载请求，服务器返回用于生成所述页面内容的原始数据，由所述原始数据生成所述页面内容，并在当前页面的所述页面展示载体上展示所述页面内容。

其中，该方法还包括：在客户端监测到所述当前网页打开的时间达到预设的时间间隔时，判断出需要展示或更新定制的网页内容，客户端向服务器发送数据下载请求。

其中，该方法还包括：在客户端监测到当前网页的页面展示载体未被占用，或者页面展示载体被占用展示的页面内容循环的次数达到预设的时间间隔时，判断出需要展示或更新定制的网页内容，客户端向服务器发送数据下载请求。

其中，该方法还包括：客户端仅针对处于首屏位置的当前页面的页面载体进行所述数据下载请求及所述页面内容展示。

其中，该方法还包括：客户端向服务器发送的数据下载请求中包括当前页面的标题和关键字，服务器根据所述当前页面的标题和关键字返回对应的原始数据，由原始数据生成内容定向的页面内容并展示。

其中，该方法还包括：页面展示载体无类型属性时，在页面展示载体上随机地展示页面内容；页面展示载体有类型属性时，在页面展示载体上展示对应类型的页面内容。

一种网页内容自适应控制的展示系统，该系统包括：客户端的自适应控制单元和页面展示单元，以及服务器端的数据存储单元；其中，

所述自适应控制单元，用于客户端监测到当前网页有页面展示载体时，如果判断出需要展示或更新定制的网页内容，则客户端向服务器发送数据下载请求；

所述数据存储单元，用于服务器返回存储的用于生成所述页面内容的原始数据给所述页面展示单元；

所述页面展示单元，用于由所述原始数据生成所述页面内容，并在当前页面的所述页面展示载体上展示所述页面内容。

其中，所述自适应控制单元，进一步用于在客户端监测到所述当前网页打开的时间达到预设的时间间隔时，判断出需要展示或更新定制的网页内容，客户端向服务器发送数据下载请求。

其中，所述自适应控制单元，进一步用于在客户端监测到当前网页的页面展示载体未被占用，或者页面展示载体被占用展示的页面内容循环的次数达到预设的时间间隔时，判断出需要展示或更新定制的网页内容，客户端向服务器发送数据下载请求。

其中，该系统还包括：服务器端的分类索引存储单元，用于存储当前页面的标题和关键字与原始数据的对应关系，在客户端向服务器发送的数据下载请求中包括当前页面的标题和关键字的情况下，服务器根据所述当前页面的标题和关键字与原始数据的对应关系，返回对应的原始数据给客户端。

本发明的客户端监测到当前网页有页面展示载体时，如果判断出需要展示或更新定制的网页内容，则客户端向服务器发送数据下载请求，服务器返回用于生成页面内容的原始数据，由原始数据生成页面内容，并在当前页面的页面展示载体上展示页面内容。

现有技术是预留页面展示载体的人工规划操作，而本发明区别于现有技术，无需预留页面展示载体，通过监测当前页面的页面展示载体实现自适应控制的网页内容展示，从现有技术繁琐的人工操作摆脱出来，本发明这种自动化的机器操作不仅简单易行，而且规划的精确度高。本发明不是网页一打开就开始下载，而是根据需要进行展示和更新，因此，降低了客户端从服务器端下载数据的交互次数，从而避免了现有技术大量交互导致的网络流量的大大提高的问题，每个客户端和服务器间的交互少了，当大量客户端存在时，才会降低服务器的工作负荷，不会对有限的带宽造成影响。

附图说明

图1为本发明方法实施例的实现流程示意图；

图2为本发明系统实施例的组成结构示意图。

具体实施方式

本发明的基本思想是：客户端监测到当前网页有页面展示载体时，如果判断出需要展示或更新定制的网页内容，则客户端向服务器发送数据下载请求，服务器返回用于生成页面内容的原始数据，由原始数据生成页面内容，并在当前页面的页面展示载体上展示页面内容。

下面结合附图对技术方案的实施作进一步的详细描述。

一种网页内容自适应控制的展示方法，该方法主要包括：

客户端监测到当前网页有页面展示载体时，如果判断出需要展示或更新定制的网页内容，则客户端向服务器发送数据下载请求，服务器返回用于生成页面内容的原始数据，由原始数据生成所述页面内容，并在当前页面的页面展示载体上展示页面内容。这里，本发明区别于现有技术必须事先设计好预留的页面展示载体，而是无需在网页上预留页面展示载体，网站编辑时可完全按用户需求编辑网页，只需在网页页面末尾添加本系统的一个javascript脚本。javascript脚本会智能分析当前网页是否有合适的页面展示载体(如正文中大于一定规模的图片、正文中的空行等)，如果有的话，通过该javascript脚本去拉取网页内容，然后将网页内容融合到页面展示载体中。

进一步的，该方法还包括：在客户端监测到当前网页打开的时间达到预设的时间间隔时，判断出需要展示或更新定制的网页内容，客户端向服务器发送数据下载请求。比如达到预设的5s后，就视为此时需要展示或更新定制的网页内容，客户端向服务器发送数据下载请求，本发明区别于现有技术，网页一打开客户端就立即向服务器发送数据下载请求导致的网络流量和服务器的工作负荷的增加。这样一来，由于本发明并不是在网页一打开加载的时候就下载原始数据以便展示网页内容，而是在用户在真正关注(比如停留一定时长，如5s)当前网页时才决定是否下载原始数据和展示网页内容。这样大大降低了短时停留用户(打开不足一两秒就关闭)造成的流量的损失，因为用户此时并没看到或关注到网页内容。

进一步的，该方法还包括：在客户端监测到当前网页的页面展示载体未被占用，或者页面展示载体被占用展示的页面内容循环的次数达到预设的时间间隔时，判断出需要展示或更新定制的网页内容，客户端向服务器发送数据下载请求。比如，监测到网页中有空行或空白区域，则视为页面展示载体未被占用，客户端向服务器发送数据下载请求，这样，就能合理地利用闲置的页面展示载体资源。又如，监测到网页中有图片或flash播放位置中所展示的页面内容循环的次数达到6s，就视为页面展示载体被占用展示的页面内容循环的次数已经达到，客户端向服务器发送数据下载请求，这样，也是一种合理地利用页面展示载体资源的方式。

进一步的，该方法还包括：客户端仅针对处于首屏位置的当前页面的页面载体进行所述数据下载请求及所述页面内容展示。用户当前打开了一个页面，由于用户当前使用的页面是位于首屏幕的，而其他页面是位于首屏幕之外的，用户看不到，也就是说，用户当前并不使用其他页面，此时，如果其他页面也通过客户端进行数据下载请求及页面内容展示的话，势必会增加交互次数，网络流量和服务器的工作负荷就增加了，因此，这里，为了避免这种情况，客户端仅针对处于首屏位置的当前页面的页面载体进行所述数据下载请求及所述页面内容展示。这样一来，由于本发明会控制网页内容出现在用户的可视区域内(用户能看到的首屏幕)，区别于现有的网页内容展示技术是没有控制的，因此，能避免多个页面都进行数据下载请求及页面内容展示所带来的流量损失。

这里需要指出的是：“首屏”指适应于用户终端屏幕大小的、用户能看到的当前页面所在的区域。比如，用户终端是手机，那么首屏就是与手机屏幕大小相同的、用户当前打开浏览器的网页能看到的区域。如果用户终端是电脑，那么首屏就是与电脑屏幕大小相同的、用户当前打开浏览器的网页能看到的区域。各种不同型号的手机或电脑自身屏幕大小各不相同，用户能看到的当前页面所在的区域也不同，即用户采用不同用户终端，能看到的首屏是不同的。“其他页面”指需要对用户当前使用的页面进行滚动扩展，用户才能看到的页面，即为：如果将用户当前使用的、位于首屏幕的页面视为可视区域，则“其他页面”是位于首屏幕之外的、用户不可视区域。

进一步的，该方法还包括：客户端向服务器发送的数据下载请求中包括当前页面的标题和关键字，服务器根据所述当前页面的标题和关键字返回对应的原始数据，由原始数据生成内容定向的页面内容并展示。这里，本发明区别于上述方案中，返回的原始数据和当前网页无必然的直接关联，定向的页面内容是和当前网页有必然的直接关联的。这样一来，根据用户浏览网页的标题和关键字实现内容定向，由于定向的页面内容是和当前网页有必然的直接关联的，因此，展示的网页内容和用户浏览的网页是相关的，定向效果准确。例如本发明可以将手机用户需展示的网页内容投放到手机相关的网页文章中，而不会出现在数码相关的网页文章中。

进一步的，该方法还包括：页面展示载体无类型属性时，在页面展示载体上随机地展示页面内容；页面展示载体有类型属性时，在页面展示载体上展示对应类型的页面内容。这里，页面展示载体无类型属性时，无论其未被占用还是被占用，客户端从服务器获取的原始数据所生成的页面内容，都可以在该页面展示载体上展示，也就是说，页面展示效果是：页面内容展示的位置在页面上是不固定的，具有随机性和动态化，网页布局灵活。而页面展示载体有类型属性时操作就有所区别了，是按照类型属性展示对应的页面内容，也就是说，页面展示效果是：页面内容展示的位置在页面上是固定的，便于用户分类查找。

方法实施例：

本发明的网页内容自适应控制的展示方法，如图1所示，其流程包括以下步骤：

步骤101、客户端监测当前页面是否有页面展示载体，如果有，则执行步骤102；否则，结束当前流程。

步骤102、当前网页打开的时间达到预设的时间间隔4s时，触发监控页面滚动事件，如果有滚动，则执行步骤103；否则，结束当前流程。

步骤103、当前可视区(首屏幕)是否有未被占用的页面展示载体，如果有，则执行步骤104；否则，结束当前流程。

步骤104、将当前页面的标题和关键字包含在数据下载请求中发送给服务器端，询问是否有与当前页面的标题和关键字对应的原始数据。

这里，针对涉及内容定向的标题和关键字举例来说，实现内容定向使用的是网页的标题和关键字(html标签，如<meta name＝″keywords″content＝″诺基亚C7再跌200元，800万像素强机创新低诺基亚C7″>)，如果要更准确的展示，可以对这个网页进行分词并找出出现频率最高的几个词作为关键字。因为这个比较耗时，不能用前端客户端的javascipt脚本处理，只能由后台的服务器处理。当第一个用户加载这个网页时，可先不展示这个网页内容，而是告诉后台的服务器对个网页进行分词和选出关键字，完成后保存到数据库中，当后面的用户访问该网页时，就可以用刚才的关键字匹配相对应的网页内容。

步骤105、服务器端判断是否有用于生成网页内容的原始数据，如果有，则执行步骤106；否则，结束当前流程。

步骤106、服务器端返回该原始数据所在的URL，客户端从URL下载到原始数据。

步骤107、由下载的原始数据生成页面内容，并在当前页面的页面展示载体上展示页面内容。

这里，本系统支持的页面内容展示方式包括：循环滚动字幕方式或字幕渐变方式。其中，所述循环滚动字幕方式指：在作为页面展示载体的图片底部或文章的空行中，每隔几秒从左往右展示、或从右往左展示一次网页内容字幕。所述字幕渐变方式指：在作为页面展示载体的图片中或文章的多个空行中每隔几秒由模糊到清晰地展示网页内容字幕，停留一两秒后再由清晰到模糊消失。

系统实施例：

本发明的网页内容自适应控制的展示系统，如图2所示，该系统包括：客户端的自适应控制单元和客户端的页面展示单元，以及服务器端的数据存储单元。其中，自适应控制单元(可以是上述方法中提到的网页的javascript脚本)，用于客户端监测到当前网页有页面展示载体时，如果判断出需要展示或更新定制的网页内容，则客户端向服务器发送数据下载请求。数据存储单元用于服务器返回存储的用于生成所述页面内容的原始数据给所述页面展示单元。页面展示单元用于由所述原始数据生成所述页面内容，并在当前页面的所述页面展示载体上展示所述页面内容。

这里，自适应控制单元进一步用于在客户端监测到当前网页打开的时间达到预设的时间间隔时，判断出需要展示或更新定制的网页内容，客户端向服务器发送数据下载请求。

这里，自适应控制单元进一步用于在客户端监测到当前网页的页面展示载体未被占用，或者页面展示载体被占用展示的页面内容循环的次数达到预设的时间间隔时，判断出需要展示或更新定制的网页内容，客户端向服务器发送数据下载请求。

这里，该系统还可以包括：服务器端的分类索引存储单元，服务器端的分类索引存储单元用于存储当前页面的标题和关键字与原始数据的对应关系，在客户端向服务器发送的数据下载请求中包括当前页面的标题和关键字的情况下，服务器根据所述当前页面的标题和关键字与原始数据的对应关系，返回对应的原始数据给客户端。

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

Claims (16)

1.一种网页内容自适应控制的展示方法，其特征在于，当前网页有页面展示载体，该方法包括：客户端监测到当前网页打开的时间达到预设的时间间隔时，判断出需要展示或更新定制的网页内容，客户端向服务器发送数据下载请求，服务器返回用于生成所述页面内容的原始数据，由所述原始数据生成所述页面内容，将所述页面内容融合到所述页面展示载体中，在当前页面的所述页面展示载体上展示所述页面内容。

2.根据权利要求1所述的方法，其特征在于，该方法还包括：在客户端监测到当前网页的页面展示载体未被占用，或者页面展示载体被占用展示的页面内容循环的次数达到预设的时间间隔时，判断出需要展示或更新定制的网页内容，客户端向服务器发送数据下载请求。

3.根据权利要求1或2所述的方法，其特征在于，该方法还包括：客户端仅针对处于首屏位置的当前页面的页面载体进行所述数据下载请求及所述页面内容展示。

4.根据权利要求1或2所述的方法，其特征在于，该方法还包括：客户端向服务器发送的数据下载请求中包括当前页面的标题和关键字，服务器根据所述当前页面的标题和关键字返回对应的原始数据，由原始数据生成内容定向的页面内容并展示。

5.根据权利要求1或2所述的方法，其特征在于，该方法还包括：页面展示载体无类型属性时，在页面展示载体上随机地展示页面内容；页面展示载体有类型属性时，在页面展示载体上展示对应类型的页面内容。

6.一种网页内容自适应控制的展示系统，其特征在于，当前网页有页面展示载体，该系统包括：客户端的自适应控制单元和页面展示单元，以及服务器端的数据存储单元；其中，

所述自适应控制单元，用于监测到当前网页打开的时间达到预设的时间间隔时，判断出需要展示或更新定制的网页内容，向服务器发送数据下载请求；

所述数据存储单元，用于返回存储的用于生成所述页面内容的原始数据给所述页面展示单元；

所述页面展示单元，用于由所述原始数据生成所述页面内容，将所述页面内容融合到所述页面展示载体中，在当前页面的所述页面展示载体上展示所述页面内容。

7.根据权利要求6所述的系统，其特征在于，所述自适应控制单元，进一步用于在客户端监测到当前网页的页面展示载体未被占用，或者页面展示载体被占用展示的页面内容循环的次数达到预设的时间间隔时，判断出需要展示或更新定制的网页内容，客户端向服务器发送数据下载请求。

8.根据权利要求6或7所述的系统，其特征在于，该系统还包括：服务器端的分类索引存储单元，用于存储当前页面的标题和关键字与原始数据的对应关系，在客户端向服务器发送的数据下载请求中包括当前页面的标题和关键字的情况下，服务器根据所述当前页面的标题和关键字与原始数据的对应关系，返回对应的原始数据给客户端。

9.一种网页内容自适应控制的展示方法，其特征在于，当前网页有页面展示载体，所述方法包括：

客户端监测到当前网页打开的时间达到预设的时间间隔时，判断出需要展示或更新定制的网页内容，发送数据下载请求；

客户端接收用于生成页面内容的原始数据，由所述原始数据生成所述页面内容，将所述页面内容融合到所述页面展示载体中，在当前页面的所述页面展示载体上展示所述页面内容。

10.根据权利要求9所述的方法，其特征在于，所述方法还包括：在客户端监测到当前网页的页面展示载体未被占用，或者页面展示载体被占用展示的页面内容循环的次数达到预设的时间间隔时，判断出需要展示或更新定制的网页内容，发送数据下载请求。

11.根据权利要求9或10所述的方法，其特征在于，所述方法还包括：客户端仅针对处于首屏位置的当前页面的页面载体进行所述数据下载请求及所述页面内容的展示。

12.根据权利要求9或10所述的方法，其特征在于，所述数据下载请求中包括当前页面的标题和关键字。

13.根据权利要求9或10所述的方法，其特征在于，所述方法还包括：页面展示载体无类型属性时，在页面展示载体上随机地展示页面内容；页面展示载体有类型属性时，在页面展示载体上展示对应类型的页面内容。

14.一种客户端，其特征在于，当前网页有页面展示载体，所述客户端包括：

自适应控制单元，用于监测到当前网页打开的时间达到预设的时间间隔时，判断出需要展示或更新定制的网页内容，发送数据下载请求；

页面展示单元，用于客户端接收用于生成页面内容的原始数据，由所述原始数据生成所述页面内容，将所述页面内容融合到所述页面展示载体中，在当前页面的所述页面展示载体上展示所述页面内容。

15.根据权利要求14所述的客户端，其特征在于，所述自适应控制单元，进一步用于在客户端监测到当前网页的页面展示载体未被占用，或者页面展示载体被占用展示的页面内容循环的次数达到预设的时间间隔时，判断出需要展示或更新定制的网页内容，发送数据下载请求。

16.根据权利要求14或15所述的客户端，其特征在于，所述页面展示单元，进一步用于页面展示载体无类型属性时，在页面展示载体上随机地展示页面内容；页面展示载体有类型属性时，在页面展示载体上展示对应类型的页面内容。