消息展示方法、装置、电子设备及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN111651700A(43)申请公布日2020.09.11(21)申请号202010507447.3(22)申请日2020.06.05(71)申请人腾讯科技（深圳）有限公司地址518000广东省深圳市南山区高新区科技中一路腾讯大厦35层(72)发明人邝其毅(74)专利代理机构北京市立方律师事务所11330代理人张筱宁(51)Int.Cl.G06F16/957(2019.01)G06F9/451(2018.01)G06F16/958(2019.01)权利要求书2页说明书13页附图8页(54)发明名称消息展示方法、装置、电子设备及存储介质(57)摘要本申请涉及通讯技术领域，公开了一种消息展示方法、装置、电子设备及存储介质，其中，消息展示方法，包括：获取当前会话中待显示的全部聊天消息，确定用于展示聊天消息的可视区域的可视高度；根据所述可视高度及预设展示规则确定展示于所述可视区域的待展示消息；根据所述全部聊天消息及所述待展示消息确定隐藏消息；根据所述隐藏消息的内容及高度确定DOM隐藏节点，利用确定出的DOM隐藏节点表征所述隐藏消息，并通过所述DOM隐藏节点将所述隐藏消息展示于隐藏区；将所述待展示消息渲染后展示于可视区域。本申请提供的方案，避免对隐藏消息的渲染，减少隐藏消息对系统资源的占用，以优化页面展示性能。CN111651700ACN111651700A权利要求书1/2页1.一种消息展示方法，其特征在于，包括：获取当前会话中待显示的全部聊天消息，确定用于展示聊天消息的可视区域的可视高度；根据所述可视高度及预设展示规则确定展示于所述可视区域的待展示消息；根据所述全部聊天消息及所述待展示消息确定隐藏消息；根据所述隐藏消息的内容及高度确定DOM隐藏节点，利用确定出的DOM隐藏节点表征所述隐藏消息，并通过所述DOM隐藏节点将所述隐藏消息展示于隐藏区；将所述待展示消息渲染后展示于可视区域。2.根据权利要求1所述的方法，其特征在于，当可视区域中存在滚动轴时，所述根据所述可视高度及预设展示规则确定展示于所述可视区域的待展示消息，包括：获取当前滚动轴的位置，根据滚动轴的位置确定展示在所述可视区域底端的最后一条消息；获取所述最后一条消息及接收时间在所述最后一条消息之前的若干条消息中每条消息的渲染高度；根据每条消息的渲染高度及可视高度确定展示于可视区域顶端的第一条消息；将所述第一条消息、所述最后一条消息及两者之间的消息确定为待展示消息。3.根据权利要求2所述的方法，其特征在于，根据所述全部聊天消息及所述待展示消息确定隐藏消息，包括：对所有聊天消息按照接收时间的先后顺序进行编号，获得所述最后一条消息的编号及所述第一条消息的编号；若所述最后一条消息为当前接收到的最新消息，确定编号小于所述第一条消息的编号对应的消息为隐藏消息；若所述最后一条消息并非当前接收到的最新消息，确定编号小于所述第一条消息的编号对应的第一消息集，以及，编号大于所述最后一条消息的编号对应的第二消息集，确定所述第一消息集与第二消息集为隐藏消息。4.根据权利要求2所述的方法，其特征在于，所述将所述第一条消息、所述最后一条消息及两者之间的消息确定为待展示消息之后，还包括：检测到滚动轴发生位置移动，根据滚动轴的移动方向及移动距离确定待加载消息；加载相应DOM隐藏节点中所述待加载消息的内容，并渲染显示该待加载消息。5.根据权利要求4所述的方法，其特征在于，所述加载相应DOM隐藏节点中所述待加载消息的内容，包括：根据滚动轴移动后的位置确定待展示在所述可视区域底端的最后一条待加载消息的编号及第一条待加载消息的编号；当滚动轴的移动方向为上移时，若所述最后一条待加载消息的编号大于可视区域中展示的第一条消息的编号，加载编号大于所述第一条消息且小于等于所述第一条待加载消息对应的隐藏消息的内容；当滚动轴的移动方向为下移时，若所述第一条待加载消息的编号小于可视区域中展示的最后一条消息的编号，加载编号大于所述最后一条消息且小于等于所述最后一条待加载消息对应的隐藏消息的内容。2CN111651700A权利要求书2/2页6.根据权利要求2所述的方法，其特征在于，将所述第一条消息、所述最后一条消息及两者之间的消息确定为待展示消息之后，还包括：通过浏览器的监听接口监测所述待展示消息的渲染高度；若任一待展示消息的渲染高度发生变化，根据变化后的渲染高度更新待展示消息列表，所述待展示消息列表包括至少一个待展示消息；将更新后的待展示消息列表的待展示消息渲染后展示于可视区域。7.根据权利要求1所述的方法，其特征在于，所述利用确定出的DOM隐藏节点表征所述隐藏消息，包括：当所述隐藏消息存在多条时，获取预先为每条隐藏消息设置的隐藏高度，根据所述隐藏高度与隐藏消