(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 20221089162 2.2 (22)申请日 2022.07.27 (71)申请人 北京字跳网络技 术有限公司 地址 100190 北京市海淀区紫金 数码园4号 楼2层0207 (72)发明人 黄星烨　任为　徐程博　杨雅雯　 (74)专利代理 机构 北京三聚阳光知识产权代理 有限公司 1 1250 专利代理师 熊飞雪 (51)Int.Cl. G06F 16/957(2019.01) G06F 9/451(2018.01) (54)发明名称 页面展示的调整 方法和装置、 电子设备和存 储介质 (57)摘要 本申请提供了一种页面展示的调整方法和 装置、 电子设备和存储介质， 其中， 该方法包括： 获取当前浏览器的第一视口尺寸信息， 其中， 第 一视口尺寸信息用于表征当前浏览器展示目标 网页时对应的可展示区域； 在确定第一视口尺寸 信息的视口高度与 目标网页的视口高度不一致 的情况下， 创建并调用内联框架； 将内联框架的 物理地址改为目标网页的物理地址， 使得内联框 架中显示目标网页的页面数据； 将内联框架的视 口尺寸信息等比例调整预设倍数， 生成目标视 口， 并在目标视口内展示目标网页的页面数据。 通过本申请， 解决了相关技术中存在的手动调整 页面展示内容易出现元素错位， 且操作繁琐的问 题。 权利要求书2页 说明书11页 附图2页 CN 115221441 A 2022.10.21 CN 115221441 A 1.一种页面展示的调整方法， 其特 征在于， 所述方法包括： 获取当前浏览器的第一视口尺寸信息， 其中， 所述第一视口尺寸信息用于表征所述当 前浏览器展示目标网页时对应的可展示区域； 在确定所述第一视口尺寸信息的视口高度与所述目标网页的视口高度不一致的情况 下， 创建并调用内联框架； 将所述内联框架的物 理地址改为所述目标网页的物理地址， 使得所述内联框架中显示 所述目标网页的页面数据； 将所述内联框架 的视口尺寸信息等比例调整预设倍数， 生成目标视口， 并在所述目标 视口内展示所述目标网页的页面数据。 2.根据权利要求1所述的方法， 其特征在于， 在所述将所述内联框架的视口尺寸信 息等 比例调整预设倍数之前， 所述方法包括： 获取多种预设需求方案； 在确定满足所述预设需求方案设置的预设条件的情况下， 生成对应的所述预设倍数， 使得所述内联框架的视口尺寸信息等比例调整所述预设倍数后， 所述内联框架的视口尺寸 信息可覆盖所述目标网页的页面数据。 3.根据权利要求2所述的方法， 其特征在于， 所述在确定所述第 一视口尺寸信 息的视口 高度与所述目标网页的视口高度不 一致的情况 下， 创建并调用内联框架包括： 在确定所述第 一视口尺寸信 息的视口高度小于或者大于预设阈值的情况下， 创建并调 用所述内联框架， 其中， 所述预设阈值为所述 目标网页的视口高度大于或者等于预设高度 时对应的数值。 4.根据权利要求3所述的方法， 其特征在于， 在确定所述第 一视口尺寸信 息的视口高度 小于预设阈值的情况下， 所述将所述内联框架的视口尺寸信息等比例调整预设倍数， 生成 目标视口， 并在所述目标视口内展示所述目标网页的页面数据包括： 将所述内联框架的视口尺寸信 息设置为所述第 一视口尺寸信 息的第一预设倍数， 得到 第一待调视口尺寸信息， 其中， 所述第一待调视口尺寸信息显示的所述 目标网页的可展示 区域大于所述当前浏览器展示的可展示区域； 利用网页变换技术将所述第 一待调视口尺寸信 息等比例缩小第 二预设倍数， 得到第 二 视口尺寸信息， 确定第二视口， 并在所述第二视口内展示所述 目标网页的页面数据， 其中， 所述第二视口尺寸信息与所述第一视口尺寸信息相重合。 5.根据权利要求3所述的方法， 其特征在于， 在确定所述第 一视口尺寸信 息的视口高度 大于预设阈值的情况下， 所述将所述内联框架的视口尺寸信息等比例调整预设倍数， 生成 目标视口， 并在所述目标视口内展示所述目标网页的页面数据包括： 将所述内联框架的视口尺寸信 息设置为所述第 一视口尺寸信 息的第三预设倍数， 得到 第二待调视口尺寸信息， 其中， 所述第二待调视口尺寸信息显示的所述 目标网页的可展示 区域小于所述当前浏览器展示的可展示区域； 利用网页变换技术将所述第 二待调视口尺寸信 息等比例放大第四预设倍数， 得到第 三 视口尺寸信息， 确定第三视口， 并在所述第三视口内展示所述 目标网页的页面数据， 其中， 所述第三视口尺寸信息与所述第一视口尺寸信息相重合。 6.根据权利要求1所述的方法， 其特征在于， 在所述将所述内联框架的物理地址改为所权　利　要　求　书 1/2 页 2 CN 115221441 A 2述当前浏览器浏览的目标网页的物理地址之前， 所述方法还 包括： 将所述内联框架插 入所述目标网页中； 获取所述目标网页的物理地址 。 7.根据权利要求1至 6任一所述的方法， 其特 征在于， 所述方法还 包括： 利用所述内联框架监听对象变化指令； 在接收到所述内联框架通过目标通信 机制发送的所述对象变化指令的情况下， 对所述 目标视口进行 所述对象的更新。 8.一种页面展示的调整装置， 其特 征在于， 所述装置包括： 第一获取模块， 用于获取当前浏览器的第一视口尺寸信 息， 其中， 所述第 一视口尺寸信 息用于表征 所述当前浏览器展示目标网页时对应的可展示区域； 调用模块， 用于在确定所述第 一视口尺寸信 息的视口高度与 所述目标网页的视口高度 不一致的情况 下， 创建并调用内联框架； 更改模块， 用于将所述内联框架 的物理地址改为所述目标网页的物理地址， 使得所述 内联框架中显示所述目标网页的页面数据； 第一生成模块， 用于将所述内联框架 的视口尺寸信息等比例调整预设倍数， 生成目标 视口， 并在所述目标视口内展示所述目标网页的页面数据。 9.一种电子设备， 包括处理器、 通信接口、 存储器和通信总线， 其中， 所述处理器、 所述 通信接口和所述存 储器通过 所述通信总线完成相互间的通信， 其特 征在于， 所述存储器， 用于存 储计算机程序； 所述处理器， 用于通过运行所述存储器上所存储的所述计算机程序来执行权利要求1 至7中任一项所述的方法步骤。 10.一种计算机可读的存储介质， 其特征在于， 所述存储介质中存储有计算机程序， 其 中， 所述计算机程序被处 理器执行时实现权利要求1至7中任一项中所述的方法步骤。权　利　要　求　书 2/2 页 3 CN 115221441 A 3