(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210962182.5 (22)申请日 2022.08.11 (71)申请人 青岛中正合力软件 有限公司 地址 266073 山东省青岛市 市南区南京路 98号1号楼 2706户 (72)发明人 郭天照　姜波　韩文博　 (51)Int.Cl. G06F 9/451(2018.01) G06F 16/957(2019.01) (54)发明名称 一种应用于网页同屏的显示处 理方法 (57)摘要 本申请提供一种应用于网页 同屏的显示处 理方法， 涉及互联网技术及通信领域， 方法包括： 服务端接收各个同屏终端发送的显示参数， 按照 预设的计算规则计算生成同屏显示基准， 并基于 该基准生成用于设置同屏终端目标网页或其容 器的参考设置数据； 同屏终端接收服务端返回或 推送的参考设置数据， 基于该数据包含的参数， 调用目标网页预置的处理方法或参考设置数据 中包含的处理方法， 对目标网页或其容器进行显 示设置处理， 以使其显示符合服务端制定的同屏 显示基准。 本申请实施例提供对浏览器、 视窗 （viewport） 、 网页元素等的显示处理以使各同屏 终端在同屏中显示保持一致。 可见， 本申请的方 法专用解决网页同屏中的显示差异问题， 提升同 屏质量。 权利要求书4页 说明书15页 附图7页 CN 115033335 A 2022.09.09 CN 115033335 A 1.一种应用于网页同屏的显示处理方法， 其特征在于， 所述方法应用于同屏终端， 所述 方法包括： 运行目标网页， 与服 务端建立 通信连接， 执 行网页内容或操作同步； 接收所述 服务端返回或推送的参 考设置数据； 基于所述参考设置数据中包含的参数， 调用所述目标网页或其容器中预置的处理方法 或所述参考设置数据中包含的处理方法， 对所述 目标网页或其容器进行显示设置处理， 以 使所述目标网页或其 容器的显示符合所述 服务端制定的同屏显示基准； 其中， 所述目标网页为所述同屏终端运行的与其它同屏终端 同步的网页， 所述服务端 用于为所述同屏终端提供同屏数据通信服务， 所述参考设置数据包括用于 设置所述目标网 页或其容器的参数和/或方法， 所述显示设置处理的内容包括宽度设置、 高度设置、 缩放设 置、 偏移设置、 字体大小设置中的一种或者多种， 所述同屏显示基准由所述服务端计算产 生， 为与之连接的同屏终端共同执 行的显示标准。 2.根据权利要求1所述的方法， 其特征在于， 所述参考设置数据为同屏显示基准数据 和/或显示设置数据， 在接收到所述 参考设置数据后， 包括： 确定其为所述显示设置数据时， 基于所述显示设置数据设置所述目标网页或 目标网页 容器， 包括基于其包含的参数设置所述目标网页或其容器， 或者， 执行其包含的处理方法设 置所述目标网页或其 容器； 确定其为所述同屏显示基准数据时， 获取所述目标网页或目标网页容器的当前显示参 数， 基于所述当前显示参数与所述同屏显示基准数据计算获得显示设置数据， 基于所述显 示设置数据设置所述目标网页或目标网页容器； 其中， 所述同屏显示基准数据用于作为同屏显示基准， 用于同屏终端基于其计算并设 置所述目标网页或目标网页容器， 所述显示设置数据用于直接 设置所述目标网页或目标网 页容器。 3.根据权利要求1所述的方法， 其特征在于， 所述参考设置数据为同步网页元素 （Element） 的显示参考数据， 所述同步网页元素的显示参考数据包括同步网页元素的同屏 显示基准数据params和/或同步网页元素的显示设置数据settings， 其中， 所述同步网页元 素为网页中的HTML元素， 其包含网页中用于同步的显示内容， 在接收到所述参考设置数据 后， 包括： 基于所述同步网页元素获取目标网页 元素， 所述目标网页 元素为所述目标网页中对应 于所述同步网页元 素的网页元 素； 从所述同步网页元素的显示参考数据中获取所述显示设置数据settings， 或者， 从所 述同步网页元素的显示参考数据中获取所述同步网页元素的同屏显示基准数据params， 并 获取所述目标网页元 素当前的显示 参数， 基于 两者计算 生成所述显示设置数据set tings； 基于所述显示设置数据settings设置所述目标网页元素， 包括设置所述目标网页元素 的宽width、 高height、 横向缩放scaleX、 纵向缩放scaleY、 缩放中心、 横纵成比例缩放 scale、 字体大小fo ntSize中的一种或者多种； 其中， 所述服务端根据所连接的所述同屏终端的目标网页元素的显示参数， 按照预定 的计算规则， 计算生 成所述同步网页元素的同屏显示基准数据params， 或者， 根据指 定的同 屏终端提供的显示参数， 进一步生成用于 设置所述指 定的同屏终端的目标网页元素的所述权　利　要　求　书 1/4 页 2 CN 115033335 A 2显示设置数据set tings。 4.根据权利要求1所述的方法， 其特征在于， 所述参考设置数据为meta设置参考数据， 所述meta的设置参考数据包括meta计算参考数据和/或meta设置数据， 其中， 所述meta为网 页中的meta元 素， 其至少包 含name、 co ntent属性， 在接收到所述 参考设置数据后， 包括： 确定所述meta设置参考数据为meta设置数据时， 获取所述meta设置数据； 确定所述 meta设置参考数据为meta计算参考数据时， 通过以下步骤计算生成所述meta设置数据： 根 据其包含的基准显示宽度 standWidth， 获取所述同屏终端的原始设备宽度orignWi dth， 计 算orignWidth与standWidth比值得到缩放scale； 计算生成content属性值， 设置所述 content属性值中的widt h参数为standWidt h值， 设置 所述content属性值中minimum ‑scale 参数、 maxi mum‑scale参数为 scale值， 进 一步的， 设置 所述content属性值中user ‑scalable 参数值为no， 所述content属性值的计算方法可表示为： content  = `width=$ {standWidth},  minimum‑scale=${scale }, maximum‑scale=${scale }, user‑scalable= no`； 生成meta设置数据， 包括设置meta元素的name属性值为"viewport"、 设置meta元素的 content属性为所述content属性值， 所述meta设置数据的计算方法可表示为： <meta  name ="viewpor t" content="${co ntent}">； 将所述meta设置数据增 加至head元素中。 5.根据权利要求1所述的方法， 其特征在于， 在建立与所述服务端之间的通信连接之 后， 还包括： 基于所述目标网页或其 容器采集显示 参数向所述 服务端发送； 在所述目标网页或其容器中启动显示变化监 听， 在监听到所述目标网页或其容器的显 示变化后， 获取所述 目标网页或其容器的显示参数向所述服务端发送， 所述 目标网页或其 容器显示变化包括页面缩放、 横屏与竖屏切换、 用户主动或被动调整同屏目标的显示区域、 网页视窗改变中的一种； 其中， 所述服务端接收所述同屏终端发送的所述显示参数， 基于其计算或重新计算生 成新的同屏显示基准， 并生成所述 参考设置数据返回或推送至所 连接的同屏终端。 6.根据权利要求1所述的方法， 其特征在于， 在建立与所述服务端之间的通信连接之 后， 还包括： 接收所述服务端发送的指定的网页元素， 在所述目标网页中加载所述网页元素， 并基 于所加载的网页元素采集显示参数向所述服务端发送， 并接收所述服务端发送的所述参考 设置数据， 基于所述参考设置数据对目标网页或其容器进行显示设置处理； 其中， 所述服务 端基于所接收的指 定的网页元素在所述同屏终端中的显示参数计算生成同屏显示基准， 或 计算生成用于指定同屏终端执 行显示设置所使用的所述 参考设置数据； 或者， 在所述目标网页中加载指定的网页元素， 并基于所加载的网页元素采集显示参 数， 基于所述显示参数、 从所述服务端接 收的所述同屏显示基准数据计算获得显示设置数 据， 基于所述显示设置数据对所述目标网页或其 容器进行显示设置处 理。 7.一种应用于网页同屏的显示处理方法， 其特征在于， 所述方法应用于服务端， 所述服 务端与同屏终端建立 通信连接， 为所述同屏终端提供同屏数据通信服 务， 所述方法包括： 接收所述同屏终端发送的显示参数， 其中， 所述显示参数为所述同屏终端首次连接所 述服务端时基于目标网页或其容器采集的显示参数， 或为所述同屏终端在页面缩放、 横屏权　利　要　求　书 2/4 页 3 CN 115033335 A 3