网页显示方法及装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN106294640A(43)申请公布日2017.01.04(21)申请号201610627154.2(22)申请日2016.08.02(71)申请人三星电子（中国）研发中心地址210012江苏省南京市雨花台区安德门大街57号6幢5-12楼申请人三星电子株式会社(72)发明人周志顺高强王岩丁训然(74)专利代理机构北京德琦知识产权代理有限公司11018代理人衣淑凤宋志强(51)Int.Cl.G06F17/30(2006.01)权利要求书2页说明书7页附图5页(54)发明名称网页显示方法及装置(57)摘要本申请提出网页显示方法及装置。方法包括：根据浏览器的视口宽度和原始网页宽度，计算最佳分列显示数量N；根据最佳分列显示数量N，计算分列视口的宽度和高度，其中，分列视口的宽度＝浏览器的视口宽度/最佳分列显示数量N，分列视口的高度＝浏览器的视口高度*最佳分列显示数量N；根据分列视口的宽度和高度渲染网页；将渲染网页纵向分割成N段，并将该N段网页依次横向并列显示在浏览器视口中。本申请优化了网页显示效果。CN106294640ACN106294640A权利要求书1/2页1.一种网页显示方法，其特征在于，该方法包括：根据浏览器的视口宽度和原始网页宽度，计算最佳分列显示数量N；根据最佳分列显示数量N，计算分列视口的宽度和高度，其中，分列视口的宽度＝浏览器的视口宽度/最佳分列显示数量N，分列视口的高度＝浏览器的视口高度*最佳分列显示数量N；根据分列视口的宽度和高度渲染网页；将渲染网页纵向分割成N段，并将该N段网页依次横向并列显示在浏览器视口中。2.根据权利要求1所述的方法，其特征在于，所述计算最佳分列显示数量N为：最佳分列显示数量N＝浏览器的视口宽度/原始网页宽度。3.根据权利要求1所述的方法，其特征在于，所述将渲染网页纵向分割成N段之后、将该N段网页依次横向并列显示在浏览器视口中之前进一步包括：对于任意两个相邻的分段网页，检测该两个分段网页的分割线是否正位于一个网页元素上，若是，将该分割线向上移动d距离到该网页元素上方的空白处，同时，将后续相邻分段网页的分割线都向上移动d距离。4.根据权利要求1所述的方法，其特征在于，所述将该N段网页依次横向并列显示在浏览器视口中之后进一步包括：当检测到滚动条被拖动时，根据拖动轨迹，对各分段网页进行连续替换更新或者逐列替换更新。5.根据权利要求4所述的方法，其特征在于，所述对各分段网页进行逐列替换更新包括：当用户拖动滚动条或者触发与拖动滚动条等价的操作时，根据拖动方向和拖动距离，将分列视口相对网页内容的位置向上或向下移动，每次移动的步长是浏览器视口的高度，触发浏览器渲染引擎将新的网页内容渲染显示到浏览器视口中。6.根据权利要求1所述的方法，其特征在于，所述将该N段网页依次横向并列显示在浏览器视口中之后进一步包括：将操作在浏览器窗口上的位置转换为在分列视口中的位置，根据在分列视口中的位置确定出在对应网页元素上的位置，根据所述在对应网页元素上的位置渲染操作。7.根据权利要求1所述的方法，其特征在于，所述计算最佳分列显示数量N之后进一步包括：当浏览器的视口宽度发生变化时，根据新的浏览器视口宽度，重新计算最佳分列显示数量；或者，当屏幕分辨率发生变化时，计算新分辨率与原分辨率的比值，将当前最佳分列显示数量N与该比值相乘，得到新的最佳分列显示数量N；或者，当网页发生缩放时，将当前最佳分列显示数量N除以缩放系数，得到新的最佳分列显示数量N。8.一种网页显示装置，其特征在于，包括：分列显示数量计算单元：根据浏览器的视口宽度和原始网页宽度，计算最佳分列显示数量N；布局渲染适配单元：根据最佳分列显示数量N，计算分列视口的宽度和高度，其中，分列2CN106294640A权利要求书2/2页视口的宽度＝浏览器的视口宽度/最佳分列显示数量N，分列视口的高度＝浏览器的视口高度*最佳分列显示数量N；浏览器渲染引擎：根据布局渲染适配单元计算出的分列视口的宽度和高度渲染网页；将渲染网页纵向分割成N段，并将该N段网页依次横向并列显示在浏览器视口中。9.根据权利要求8所述的装置，其特征在于，所述分列显示数量计算单元计算最佳分列显示数量N为：最佳分列显示数量N＝浏览器的视口宽度/原始网页宽度。10.根据权利要求8所述的装置，其特征在于，所述布局渲染适配单元进一步用于，对于任意两个相邻的分段网页，检测该两个分段网页的分割线是否正位于一个网页元素上，若是，将该分割线向上移动d距离到该网页元素上方的空白处，同时，将后续相邻分段网页的分割线都向上移动d距离。11.根据权利要求8所述的装置，其特征在于，所述布局渲染适配单元进一步用于，当检测到滚动条被拖动时，根据拖动轨迹，调用所述浏览器渲