[发明专利]显示页面内容的方法及装置

说明书

技术领域

本申请涉及网页显示技术领域，特别是涉及显示页面内容的方法及装置。

背景技术

在Web网页显示的过程中，在需要对查询到的大量数据进行显示时，现有技术中经常以列表的形式进行分页显示。例如，用户在某电商网站中查询某商品时，会将数据库中所有符合查询条件的商品记录信息读入到内存中，然后通过分页机制进行分页处理，然后根据用户的指示，每次分别从符合条件的记录中将规定数目的记录读取出来，并按照一定的顺序对商品记录信息进行显示。

下面以返回可滚动的记录集来描述分页算法：

(1)先假定每页显示的记录数pageSize＝10；

(2)再获取满足条件的记录总数total＝rs.getRows()；

(3)计算出总页数pageNumber＝total/pageSize；

(4)当页面加载时，设定当前页为currentPage＝1，取记录的开始索引startIndex＝0，循环向后取pageSize个记录进行显示；

(5)当使用导航条上的“首页”、“上一页”、“下一页”、“末页”、“转到第[n]页”时，按照以下规则进行定位：

●首页：startIndex＝0，循环向后取pageSize个记录进行显示；

●上一页：startIndex＝(currentPage-1)×pageSize，循环向后取pageSize个记录进行显示；

●下一页：startIndex＝(currentPage+1)×pageSize，循环向后取pageSize个记录进行显示；

●末页：startIndex＝(pageNumber-1)×pageSize，循环向后取total-startIndex个记录进行显示；

●转到第[n]页：n的取值范围在1到pageNumber之间，startIndex＝(n-1)×pageSize，循环向后取pageSize个记录进行显示。

这种分页显示的方式能够方便用户对浏览对象进行定位，但是在定位的精度上只能做到“页”的级别，因此，还有待进一步提高。

发明内容

本申请提供了显示页面内容的方法及装置，能够提高页面内容的定位精度。

本申请提供了如下方案：

一种显示页面内容的方法，包括：

获取待显示内容的描述数据，所述描述数据包括待显示内容中包含的内容元素的总数、待显示内容在预置维度上具有的内容段落的数量、各个内容段落包含的内容元素的数量，以及页面显示样式信息；

根据所述内容元素的总数以及页面显示样式信息确定待显示内容所占的总页面高度；

根据各个内容段落中具有的内容元素的数量以及页面显示样式信息确定各个内容段落的高度；

在浏览器窗口中展现待显示内容，并在浏览器窗口的可视区域内显示导航条；

按照各个内容段落之间的高度比例对导航条进行分段，并显示分段标识；其中，每个分段分别对应一个内容段落，各个分段之间的长度比例与对应的内容段落之间的高度比例相同；

当操作焦点移动到导航条上的某位置时，根据页面高度与导航条的长度之间的比例，映射到页面中的目标位置，将页面滚动到所述目标位置处进行展现。

一种显示页面内容的装置，包括：

描述数据获取单元，用于获取待显示内容的描述数据，所述描述数据包括待显示内容中包含的内容元素的总数、待显示内容在预置维度上具有的内容段落的数量、各个内容段落包含的内容元素的数量，以及页面显示样式信息；

页面总高度确定单元，用于根据所述内容元素的总数以及页面显示样式信息确定待显示内容所占的总页面高度；

内容段落高度确定单元，用于根据各个内容段落中具有的内容元素的数量以及页面显示样式信息确定各个内容段落的高度；

导航条显示单元，用于在浏览器窗口中展现待显示内容，并在浏览器窗口的可视区域内显示导航条；

导航条分段单元，用于按照各个内容段落之间的高度比例对导航条进行分段，并显示分段标识；其中，每个分段分别对应一个内容段落，各个分段之间的长度比例与对应的内容段落之间的高度比例相同；

页面滚动单元，用于当操作焦点移动到导航条上的某位置时，根据页面高度与导航条的长度之间的比例，映射到页面中的目标位置，将页面滚动到所述目标位置处进行展现。

根据本申请提供的具体实施例，本申请公开了以下技术效果：