一种提高网页自适应布局效率的方法和系统技术方案

本发明专利技术公开了一种提高网页自适应布局效率的方法和系统，能够基于现有网页自适应技术，通过在布局服务器中查找匹配的CSS文件，直接加载重新布局，达到了提高网页布局速度的目的。本发明专利技术方法包括：获取相关网页资源参数，包括：客户端分辨率、网页url；根据客户端分辨率、网页url在域名哈希表查找匹配的CSS文件路径，或基于网页分类技术，在同类网页数据库查找同类网页的CSS文件路径，直接加载CSS文件重新布局，并将所请求网页的CSS文件路径写入域名哈希表；若在域名哈希表和同类网页数据库中查找不到匹配的CSS文件路径，则利用现有自适应技术重新布局后，保存CSS文件，将CSS文件路径写入域名哈希表和同类网页数据库中。

【技术实现步骤摘要】

本专利技术涉及网页设计
，尤其设计一种提高网页自适应布局效率的方法和系统。
技术介绍
近年来，随着移动互联网的发展和智能手机、平板电脑等移动设备的普及，移动互联网网民呈爆炸性的增长。据易观智库发布的《中国移动互联网用户行为统计报告》显示，截至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树结构，记录它们的节点个数；(3.2)比较两个树的根节点是否相同，如果不同，两个根树的相似度为零，比较结束；否则进入(3.3)步；(3.3)统计两个根树的节点数目nA、nB,如果nA＝1或nB＝1，则两棵根树的相似度为2/(nA+nB)，否则分别计算两个子树集合中每个子树之间的相似度，进行(3.4)步；(3.4)以子树的节点数作为权重,计算所有子树总的参考值ref(TCA,TCB)，作为计算根树相似度的参考值，其中TCA、TCB为两个子树集合；(3.5)返回两个根树的相似度，Sim(TA，TB)＝2/(nA+nB)+(nA+nB-2)/(nA+nB)+ref(TCA,TCB)。按照本专利技术的另一方面，还提供了一种提高网页自适应布局效率的系统，包括网页资源参数获取模块，域名哈希表布局模块，同类网页数据库布局模块以及自适应布局模块，其中：所述网页资源参数获取模块，用于从目标服务器得到网页资源，获取网页资源参数，所述参数包括客户端分辨率和网页url；所述域名哈希表布局模块，用于根据客户端分辨率和网页url在域名哈希表中查找匹配的CSS文件路径，若在域名哈希表中查找到匹配的CSS文件路径，则直接加载CSS文件，重新布局网页资源，将调整后的网页资源返回客户端；所述同类网页数据库布局模块，用于在域名哈希表中查找不到匹配的CSS文件路径时，在同类网页数据库中查找同类网页的CSS文件路径，若在同类网页数据库中查找到同类的CSS文件路径，则直接调用同类网页的CSS文件，重新布局网页资源，将调整后的网页资源返回客户端，同时将该CSS文件路径作为与所请求的网页资源相匹配的CSS文件路径写入域名哈希表；所述自适应布局模块，用于在同类网页数据库中查找不到同类网页的CSS文件路径时，利用现有自适应技术重新布局网页资源后，将调整后的网页资源返回客户端，并保存CSS文件，将CSS路径写入域名哈希表和同类网页数据库中。在本专利技术的一个实施例中，所述系统还包括：判断模块，所述判断模块用于：对网页资源进行自适应布局前，判断该网页是否为适合移动客户端访问的网页资源，若是，则直接将网页资源返回客户端，否则对本文档来自技高网...

【技术保护点】
一种提高网页自适应布局效率的方法，其特征在于，所述方法包括：(1)从目标服务器得到网页资源，获取相关网页资源参数，所述参数包括客户端分辨率和网页url；(2)基于客户端分辨率和网页url在域名哈希表中查找匹配的CSS文件路径，若在域名哈希表中查找到匹配的CSS文件路径，则直接加载CSS文件，重新布局网页资源，并将布局调整后的网页资源返回客户端；(3)否则，若在域名哈希表中查找不到匹配的CSS文件路径，则在同类网页数据库中查找同类网页的CSS文件路径，若在同类网页数据库中查找到同类网页的CSS文件路径，则直接加载该CSS文件，重新布局网页资源，并将布局调整后的网页资源返回客户端，同时将该CSS文件路径作为与所请求的网页资源相匹配的CSS文件路径写入域名哈希表，从而再请求相同的网页资源时，可直接加载CSS文件重新布局；(4)否则，若在同类网页数据库中查找不到同类网页，则利用现有自适应技术重新布局网页资源后，将布局调整后的网页资源返回客户端，并保存CSS文件，将CSS文件路径写入域名哈希表和同类网页数据库，从而再请求相同或同类的网页资源时，可直接加载CSS文件重新布局。

【技术特征摘要】
1.一种提高网页自适应布局效率的方法，其特征在于，所述方法包括：
(1)从目标服务器得到网页资源，获取相关网页资源参数，所述参数
包括客户端分辨率和网页url；
(2)基于客户端分辨率和网页url在域名哈希表中查找匹配的CSS文
件路径，若在域名哈希表中查找到匹配的CSS文件路径，则直接加载CSS
文件，重新布局网页资源，并将布局调整后的网页资源返回客户端；
(3)否则，若在域名哈希表中查找不到匹配的CSS文件路径，则在同
类网页数据库中查找同类网页的CSS文件路径，若在同类网页数据库中查
找到同类网页的CSS文件路径，则直接加载该CSS文件，重新布局网页资
源，并将布局调整后的网页资源返回客户端，同时将该CSS文件路径作为
与所请求的网页资源相匹配的CSS文件路径写入域名哈希表，从而再请求
相同的网页资源时，可直接加载CSS文件重新布局；
(4)否则，若在同类网页数据库中查找不到同类网页，则利用现有自
适应技术重新布局网页资源后，将布局调整后的网页资源返回客户端，并
保存CSS文件，将CSS文件路径写入域名哈希表和同类网页数据库，从而
再请求相同或同类的网页资源时，可直接加载CSS文件重新布局。
2.根据权利要求1所述的方法，其特征在于，所述方法还包括：在对
网页资源进行自适应布局前，判断该网页是否适合移动客户端访问，具体
包括：
对网页资源进行自适应布局前，判断该网页是否为适合移动客户端访
问的网页资源，若是，则直接将网页资源返回客户端，否则对网页资源进
行自适应布局后，将布局调整后的网页资源返回客户端。
3.根据权利要求1或2所述的方法，其特征在于，所述方法还包括：对
保存的CSS文件定期清除及定期删除域名哈希表冗余记录，具体包括：
若保存的CSS文件在规定时间内没有被调用，则清除该CSS文件，否
则每调用一次，则将计时器清零，重新计时；
若域名哈希表中某记录在规定时间内没有被查询，则清除该记录，否
则每查询一次，则将计时器清零，重新计时。
4.如权利要求1或2所述的方法，其特征在于，所述步骤(2)基于
客户端分辨率和网页url在域名哈希表中查找匹配的CSS文件路径，具体包
括：
根据获取的网页url，通过Object类的hashcode()方法得到网页哈希码，
即该网页url在域名哈希表中的地址，无需遍历可直接在域名哈希表中查找
到该地址；
根据获取的客户端分辨率，遍历该地址下的单链表，即可查找到对应
分辨率下的CSS文件路径。
5.如权利要求1或2所述的方法，其特征在于，所述步骤(3)中在
同类网页数据库中查找同类网页的CSS文件路径，具体包括：
遍历同类网页数据库，将请求的网页资源的布局与存储在数据库中的
网页资源的布局逐一比较，计算出两者的相似度；
判断两者的相似度是否大于设定的相似度阈值，如果大于则认为这两
个网页同类，如果和多个网页资源的相似度大于阈值，则取与请求的网页

【专利技术属性】
技术研发人员：戴彬，王瑞，杨军，
申请(专利权)人：华中科技大学，
类型：发明
国别省市：湖北;42