(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210068507.5 (22)申请日 2022.01.20 (71)申请人 北京有竹居网络技 术有限公司 地址 101299 北京市平谷区林荫北街13号 信息大厦802室 (72)发明人 蒋圣　 (74)专利代理 机构 北京英创嘉友知识产权代理 事务所(普通 合伙) 11447 专利代理师 贾会玲 (51)Int.Cl. G06F 9/451(2018.01) G06F 8/38(2018.01) (54)发明名称 内容显示方法、 装置、 存 储介质及电子设备 (57)摘要 本公开涉及一种内容显示方法、 装置、 存储 介质及电子设备， 以在通过iframe标签进行页面 嵌入的场景下， 将嵌入页面中触发的内容框相对 被嵌入页面进行居中显示， 减少页面开发成本， 提高页面开发效率。 该方法包括： 响应于针对第 一页面中内容框的触发操作， 确定内容框在第一 页面的第一显示参数、 第一页面在第二页面的位 置参数和第二页面的第二显示参数。 其中， 第一 页面通过iframe标签嵌入第二页面进行显示； 根 据第一显示参数、 第二显示参数和位置参数， 确 定内容框相对于第二页面的位置偏移量， 该位置 偏移量用于控制内容框在第二页面中进行居中 显示； 基于位置偏移量在第二页面居中显示内容 框。 权利要求书2页 说明书12页 附图6页 CN 114489896 A 2022.05.13 CN 114489896 A 1.一种内容显示方法， 其特 征在于， 所述方法包括： 响应于针对第 一页面中内容框的触发操作， 确定所述内容框在第 一页面的第 一显示参 数、 所述第一页面在第二页面的位置参数和所述第二页面的第二显示参数， 所述第一页面 通过iframe 标签嵌入所述第二页面进行显示； 根据所述第一显示参数、 所述第二显示参数和所述位置参数， 确定所述内容框相对于 所述第二页面的位置偏移量， 所述位置偏移 量用于控制所述内容框在所述第二页面中进 行 居中显示； 基于所述 位置偏移量在所述第二页面居中显示所述内容框 。 2.根据权利要求1所述的方法， 其特 征在于， 所述方法还 包括： 在基于所述位置偏移量在所述第 二页面居中显示所述内容框的同时， 在所述第 二页面 的上层显示背景遮罩， 所述背景遮罩用于覆盖所述第二页面对应的页面显示区域。 3.根据权利要求1或2所述的方法， 其特征在于， 所述内容框包括： 用于在页面上接收用 户交互操作的模态框或用于在页面上向用户进行消息提 示的消息 框。 4.根据权利要求1或2所述的方法， 其特征在于， 所述第二页面的页面源码中记录有所 述第一页面在所述第二页面的位置参数， 响应于针对第一页面中内容框的触发操作， 确定 所述第一页面在第二页面的位置参数， 包括： 响应于针对所述第一页面中内容框的触发操作， 向所述第二页面发送通知事件， 所述 通知事件用于触发所述第二页面返回所述页面源码中记录的所述第一页面在所述第二页 面的位置参数； 接收所述第二页面返回的所述第一页面在所述第二页面的位置参数。 5.根据权利要求1或2所述的方法， 其特征在于， 确定所述内容框在第一页面的第一显 示参数， 包括： 基于所述触发操作包括的内容框标识信息， 在内容框组件库中调用目标内容框， 其中 所述内容框组件库中预设有多个内容框， 且所述内容框组件库中的每一所述内容框具有 预 设显示参数， 所述预设显示参数用于控制对应的内容框在触发所述内容框的页面进行居中 显示； 将所述目标内容框的预设显示 参数确定为第一显示 参数。 6.根据权利要求1或2所述的方法， 其特征在于， 确定所述内容框在第一页面的第一显 示参数、 所述第一页面在第二页面的位置参数和所述第二页面的第二显示 参数， 包括： 将所述内容框相对所述第 一页面的第 一宽度偏移量、 所述内容框相对所述第 一页面的 第一高度偏移量、 所述内容框的宽度和所述内容框的高度确定为所述内容框在所述第一页 面的第一显示参数， 将所述第一页面相对所述第二页面的第二宽度偏移 量和所述第一页面 相对所述第二页面的第二高度偏移 量确定为所述第一页面在所述第二页面的位置参数， 将 所述第二页面的宽度和所述第二页面的高度确定为第二显示 参数。 7.根据权利要求6所述的方法， 其特征在于， 根据所述第一显示参数、 所述第二显示参 数和所述第一页面在所述第二页面的位置参数， 确定所述内容框相对于所述第二页面的位 置偏移量， 包括： 在所述第二页面的二分之一宽度的基础上， 减去所述第一宽度偏移量、 所述第二宽度 偏移量和所述内容框的二分之一宽度， 得到所述内容框相对于所述第二页面的目标宽度偏权　利　要　求　书 1/2 页 2 CN 114489896 A 2移量， 其中所述目标宽度偏移量的正负用于表征所述内容框相对于所述第二页面的宽度偏 移方向； 在所述第二页面的二分之一高度的基础上， 减去所述第一高度偏移量、 所述第二高度 偏移量和所述内容框的二分之一高度， 得到所述内容框相对于所述第二页面的目标高度偏 移量， 其中所述目标高度偏移量的正负用于表征所述内容框相对于所述第二页面的高度偏 移方向； 将所述目标宽度偏移量和所述目标高度偏移量确定为所述内容框相对于所述第二页 面的位置偏移量。 8.一种内容显示装置， 其特 征在于， 所述装置包括： 第一确定模块， 用于响应于针对第一页面中内容框的触发操作， 确定所述内容框在第 一页面的第一显示参数、 所述第一页面在第二页面的位置参数和所述第二页面的第二显示 参数， 所述第一页面 通过iframe 标签嵌入所述第二页面进行显示； 第二确定模块， 用于根据 所述第一显示参数、 所述第 二显示参数和所述位置参数， 确定 所述内容框相对于所述第二页面的位置偏移 量， 所述位置偏移 量用于控制所述内容框在所 述第二页面中进行居中显示； 第一显示模块， 用于基于所述 位置偏移量在所述第二页面居中显示所述内容框 。 9.一种计算机可读介质， 其上存储有计算机程序， 其特征在于， 该程序被处理装置执行 时实现权利要求1 ‑7中任一项所述方法的步骤。 10.一种电子设备， 其特 征在于， 包括： 存储装置， 其上存 储有计算机程序； 处理装置， 用于执行所述存储装置 中的所述计算机程序， 以实现权利要求1 ‑7中任一项 所述方法的步骤。权　利　要　求　书 2/2 页 3 CN 114489896 A 3