页面渲染方法、装置、设备和存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN112287258A(43)申请公布日2021.01.29(21)申请号202011027738.9(22)申请日2020.09.25(71)申请人长沙市到家悠享网络科技有限公司地址410005湖南省长沙市长沙高新开发区尖山路39号长沙中电软件园17栋401室(72)发明人贾磊(74)专利代理机构北京太合九思知识产权代理有限公司11610代理人孙明子(51)Int.Cl.G06F16/957(2019.01)G06F16/958(2019.01)权利要求书2页说明书8页附图3页(54)发明名称页面渲染方法、装置、设备和存储介质(57)摘要本发明实施例提供一种页面渲染方法、装置、设备和存储介质，该方法包括：终端设备先确定目标页面中滚动条的滚动位置，再根据此滚动位置确定待渲染元素。由于页面中内容显示区域的尺寸有限，因此，此待渲染元素是目标页面中的部分元素。并且待渲染元素的尺寸与目标页面中内容显示区域的尺寸匹配。最终，对目标页面中的部分元素即待渲染元素进行渲染，以使其显示在内容显示区域上。上述方法中，一方面，终端设备渲染的只是目标页面中的部分元素，减小终端设备的渲染压力，保证页面正常显示。另一方面，由于待渲染元素的尺寸与页面的内容显示区域的尺寸是匹配的，因此，即使渲染的是数量是较少的待渲染元素，也不会对用户浏览页面产生影响。CN112287258ACN112287258A权利要求书1/2页1.一种页面渲染方法，其特征在于，包括：确定目标页面中滚动条的滚动位置；根据所述滚动位置确定待渲染元素，所述待渲染元素的尺寸与所述目标页面中内容显示区域的尺寸匹配；渲染所述待渲染元素至所述内容显示区域上。2.根据权利要求1所述的方法，其特征在于，所述根据所述滚动位置确定待渲染元素，包括：响应于用户触发的页面打开操作，获取所述目标页面中各元素与滚动位置之间的对应关系，所述对应关系根据所述目标页面中各元素的尺寸建立；根据所述对应关系确定所述待渲染元素。3.根据权利要求2所述的方法，其特征在于，所述渲染所述待渲染元素至所述内容显示区域上，包括：响应于所述页面打开操作，获取所述目标页面的页面样式文档以及所述目标页面中各元素之间的位置关系；根据所述元素之间的位置关系确定所述待渲染元素之间的位置关系；按照所述页面样式文档以及所述待渲染元素之间的位置关系，渲染所述待渲染元素至所述内容显示区域上。4.根据权利要求1所述的方法，其特征在于，所述确定目标页面中滚动条的滚动位置，包括：响应于用户对所述目标页面触发的上下滑动操作，确定所述目标页面中第一滚动条的第一滚动位置；所述待渲染元素的尺寸与所述目标页面中内容显示区域的尺寸匹配，包括：所述待渲染元素的高度大于或等于所述内容显示区域的高度。5.根据权利要求1所述的方法，其特征在于，所述确定目标页面中滚动条的滚动位置，包括：响应于用户对所述目标页面触发的左右滑动操作，确定所述目标页面中第二滚动条的第二滚动位置；所述待渲染元素的尺寸与所述目标页面中内容显示区域的尺寸匹配，包括：所述待渲染元素的宽度大于或等于所述内容显示区域的宽度。6.根据权利要求1所述的方法，其特征在于，所述渲染所述待渲染元素至所述内容显示区域上之后，所述方法还包括：响应于用户对所述目标页面触发的滑动操作，删除移出所述内容显示区域的所述待渲染元素。7.根据权利要求1至6中任一项所述的方法，其特征在于，所述目标页面中包含表格；所述待渲染元素包括所述表格中的至少一个单元格。8.一种页面渲染装置，其特征在于，包括：位置确定模块，用于确定目标页面中滚动条的滚动位置；元素确定模块，用于根据所述滚动位置确定待渲染元素，所述待渲染元素的尺寸与所述目标页面中内容显示区域的尺寸匹配；2CN112287258A权利要求书2/2页渲染模块，用于渲染所述待渲染元素至所述内容显示区域上。9.一种电子设备，其特征在于，包括：存储器、处理器；其中，所述存储器上存储有可执行代码，当所述可执行代码被所述处理器执行时，使所述处理器执行如权利要求1至7中任一项所述的页面渲染方法。10.一种非暂时性机器可读存储介质，其特征在于，所述非暂时性机器可读存储介质上存储有可执行代码，当所述可执行代码被电子设备的处理器执行时，使所述处理器执行如权利要求1至7中任一项所述的页面渲染方法。3CN112287258A说明书1/8页页面渲染方法、装置、设备和存储介质技术领域[0001]本发明涉及计算机领域，尤其涉及一种页面渲染方法、装置、设备和存储介质。背景技术[0002]浏览器是用户使用互联网时经常使用到的一个应用程序。用户使用浏览器打开页面的过程通常是：响应于用户触发的打开操作，浏览器从服务器获取页面对应的元素，渲染并展示获取到的元素