【技术实现步骤摘要】
页面分屏系统、方法和装置
[0001]本专利技术涉及计算机
，尤其涉及一种页面分屏系统、方法和装置。
技术介绍
[0002]目前，网页内容越来越丰富，可能会出现网页内容长度或宽度超出屏幕视口的大小。当网页内容长度或宽度超出屏幕视口时，用户需要滑动翻页才能查看完整的网页内容。在一些特定的场合下，用户需要对比查看页面中两个距离较远的区块内容时，例如用户在页面底部填写报名表单的同时需要查看页面顶部的报名须知，这种情况下，由于软键盘的弹出进一步挤占了屏幕展示空间，用户不得不在狭小的展示空间中反复滑动页面来切换表单填写和须知阅读，存在很多不便。为了解决该问题，分屏显示技术应运而生，即将屏幕展示空间切分成两个视口区域，两个视口区域各自单独展示不同的页面。通过这种方式，可以将同一个页面重放两次，在第一个子区域内将页面滑动到顶部，第二个子区域将页面滑动到底部，实现同时查看页面的不同区块内容。
[0003]在实现本专利技术过程中，专利技术人发现现有技术中至少存在如下问题：两个视口区域逻辑关系上是平等的，因此常见的分屏技术是简单将...
【技术保护点】
【技术特征摘要】
1.一种页面分屏系统，其特征在于，所述系统包括：页面区块选取工具，用于向用户提供在待分屏页面上选取页面区块的服务；文档生成单元，用于响应于用户在待分屏页面上的页面区块选取操作，生成与所述页面区块对应的页面文档，并将所述页面文档保存于文档片段缓存池；页面文档选取工具，用于向用户提供查看所述文档片段缓存池内的页面文档的可视化窗口以及通过所述可视化窗口选取目标页面文档的服务；页面渲染代理单元，用于响应于用户通过所述可视化窗口选取目标页面文档的操作，对所述目标页面文档进行渲染，得到目标页面，并将所述目标页面插入所述待分屏页面的可视区域内，以进行显示。2.根据权利要求1所述的系统，其特征在于，所述文档生成单元还用于：响应于用户在待分屏页面上的页面区块选取操作，确定所述页面区块的位置信息；根据所述位置信息，确定所述页面区块的渲染资源；根据所述页面区块和所述页面区块的渲染资源，生成与所述页面区块对应的页面文档。3.根据权利要求2所述的系统，其特征在于，所述文档生成单元还用于：响应于用户在待分屏页面上的页面区块选取操作，确定所述页面区块的最小外包矩形区域；根据所述页面区块的最小外包矩形区域，确定所述页面区块的位置信息。4.根据权利要求3所述的系统，其特征在于，所述文档生成单元还用于：确定所述最小外包矩形区域的尺寸信息以及所述最小外包矩形区域相对显示屏幕的位置；根据所述最小外包矩形区域的尺寸信息以及所述最小外包矩形区域相对显示屏幕的位置，确定所述页面区块的位置信息。5.根据权利要求4所述的系统，其特征在于，所述文档生成单元还用于：根据所述位置信息，确定包裹所述页面区块的最小层级的DOM节点；解析所述DOM节点，确定所述页面区块的渲染资源。6.根据权利要求5所述的系统，其特征在于，所述文档生成模块还用于：根据所述最小外包矩形区域相对显示屏幕的位置和所述待分屏页面的滚动位置，确定所述页面区块相对所述待分屏页面对应的DOM文档的位置；根据所述页面区块相对所述待分屏页面对应的DOM文档的位置和所述最小外包矩形区域的尺寸信息，确定包裹所述页面区块的最小层级的DOM节点。7.根据权利要求1所述的系统，其特征在于，所述系统还包括标识生成单元，用于为所述文档片段缓存池内的页面文档生成标识信息。8.根据权利要求1所述的系统，其特征在于，所述系统还包括分屏开启单元，用于响应于用户的操作，开启分屏展示功能。9.根据权利要求1所述的系统，其特征在于，所述系统还包括调整单元，用于响应于用户的操作，调整显示在显示屏幕上的目标页面的尺寸。10.根据权利要求1所述的系统，其特征在于，所述页面渲染代理单元还用于利用隔离性的容器对所述目标页面文档进行渲染。
11.一种页面分屏方法，其特征在于，包括：响应于用户在待分屏页面上的页面区块选取操作，生成与所述页面区块对应的页面文档；将所述页面文档存储于文档片段缓存池中，向用户提供查看所述文档片段缓存池内的页面文档的可视化窗口；响应于用户通过所述可视化窗口选取目标页面文档的操作，对所述目标页面文档进行渲染，得到目标页面，并将所述目标页面插入所述待分屏页面的可视区域内，以进行显示。12.根据权利要求11所述的方法，其特征在于，响应于用户在待分屏页面上的页面区块选取操作，生成与所述页面...
【专利技术属性】
技术研发人员：陈震，
申请(专利权)人：北京京东世纪贸易有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。