[发明专利]一种提高网页自适应布局效率的方法和系统

说明书

技术领域

本发明涉及网页设计技术领域，尤其设计一种提高网页自适应布局效率的方法和系统。

背景技术

近年来，随着移动互联网的发展和智能手机、平板电脑等移动设备的普及，移动互联网网民呈爆炸性的增长。据易观智库发布的《中国移动互联网用户行为统计报告》显示，截至2014年6月，中国移动互联网网民达到6.86亿。可见移动互联网市场需求巨大，其中浏览网页是获取信息数据的重要手段。因此，移动端的网页设计越来越受到人们的重视，网页设计的质量直接影响到用户获取信息的效果。

目前已提出多种网页自适应技术，比如使用百分比设置宽度和高度、使用相对字体大小以及利用浮动元素代替固定位置元素等，这些方法都一定程度上解决了网页自适应问题。

但这些发明都是从网页布局效果的角度出发，提出了相应解决方案，而很少涉及提高网页布局的效率。在如今数据访问量日益增大的趋势下，找到一种提高网页自适应布局效率的方法和系统亦显得格外重要和必要。

发明内容

本发明实例提供了一种提高网页自适应布局效率的方法和系统，能够直接利用保存的CSS文件直接加载布局，较之每次利用自适应算法重新布局，较大地降低了自适应布局时间，增强了用户体验效果。

为了实现上述目的，按照本发明的一个方面，提供了一种提高网页自适应布局效率的方法，包括：

步骤(1)从目标服务器得到网页资源，获取相关网页资源参数，所述参数包括客户端分辨率和网页url；

步骤(2)基于客户端分辨率和网页url在域名哈希表中查找匹配的CSS文件路径，若在域名哈希表中查找到匹配的CSS文件路径，则直接加载CSS文件，重新布局网页资源，并将布局调整后的网页资源返回客户端；

步骤(3)否则，若在域名哈希表中查找不到匹配的CSS文件路径，则在同类网页数据库中查找同类网页的CSS文件路径，若在同类网页数据库中查找到同类网页的CSS文件路径，则直接加载该CSS文件，重新布局网页资源，并将布局调整后的网页资源返回客户端，同时将该CSS文件路径作为与所请求的网页资源相匹配的CSS文件路径写入域名哈希表，从而再请求相同的网页资源时，可直接加载CSS文件重新布局；

步骤(4)否则，若在同类网页数据库中查找不到同类网页，则利用现有自适应技术重新布局网页资源后，将布局调整后的网页资源返回客户端，并保存CSS文件，将CSS文件路径写入域名哈希表和同类网页数据库，从而再请求相同或同类的网页资源时，可直接加载CSS文件重新布局。

在本发明的一个实施例中，所述方法还包括：在对网页资源进行自适应布局前，判断该网页是否适合移动客户端访问，具体包括：

对网页资源进行自适应布局前，判断该网页是否为适合移动客户端访问的网页资源，若是，则直接将网页资源返回客户端，否则对网页资源进行自适应布局后，将布局调整后的网页资源返回客户端。

在本发明的一个实施例中，所述方法还包括：对保存的CSS文件定期清除及定期删除域名哈希表冗余记录，具体包括：

若保存的CSS文件在规定时间内没有被调用，则清除该CSS文件，否则每调用一次，则将计时器清零，重新计时；

若域名哈希表中某记录在规定时间内没有被查询，则清除该记录，否则每查询一次，则将计时器清零，重新计时。

在本发明的一个实施例中，所述步骤(2)基于客户端分辨率和网页url在域名哈希表中查找匹配的CSS文件路径，具体包括：

根据获取的网页url，通过Object类的hashcode()方法得到网页哈希码，即该网页url在域名哈希表中的地址，无需遍历可直接在域名哈希表中查找到该地址；

根据获取的客户端分辨率，遍历该地址下的单链表，即可查找到对应分辨率下的CSS文件路径。

在本发明的一个实施例中，所述步骤(3)中在同类网页数据库中查找同类网页的CSS文件路径，具体包括：

遍历同类网页数据库，将请求的网页资源的布局与存储在数据库中的网页资源的布局逐一比较，计算出两者的相似度；

判断两者的相似度是否大于设定的相似度阈值，如果大于则认为这两个网页同类，如果和多个网页资源的相似度大于阈值，则取与请求的网页资源布局相似度最大的网页资源为同类网页，得到同类网页的CSS文件路径。

在本发明的一个实施例中，所述计算两者的相似度，具体包括：

步骤(3.1)提取两个网页资源的html树结构，记录它们的节点个数；