显示参数确定方法、装置及存储介质制造方法及图纸

本公开关于一种显示参数确定方法、装置及存储介质。上述方法包括在目标对象被显示在页面的情况下，获取上述页面的页面组件输出的第一尺寸参数，上述第一尺寸参数为上述页面的可视区域的尺寸参数；获取上述页面的页面组件输出的第二尺寸参数，上述第二尺寸参数为在上述页面未显示上述目标对象的情况下，上述可视区域的尺寸参数；根据上述第一尺寸参数和上述第二尺寸参数，确定上述目标对象在上述页面中的显示参数。本公开可以在不依赖于原生应用提供的接口的情况下得到目标对象在页面上显示时的显示参数，从而使得该页面显示时可以基于得到的上述显示参数适应性调整页面布局的显示效果而不受限于操作系统或原生应用。效果而不受限于操作系统或原生应用。效果而不受限于操作系统或原生应用。

【技术实现步骤摘要】
显示参数确定方法、装置及存储介质


[0001]本公开涉及互联网
，尤其涉及显示参数确定方法、装置及存储介质。

技术介绍

[0002]基于HTML(HyperText Markup Language，超文本标记语言)5技术开发的移动端页面相较于原生应用有更好的可移植性和更低的开发成本。在页面显示时，其它应用程序或者操作系统可能会出于某些原因将其对应的组件显示在页面上，从而对于页面显示效果产生影响，而HTML5并未提供可以获取上述组件尺寸的接口。为了针对这一情况适应性调整页面布局，相关技术通常依赖于原生应用获取上述组件的尺寸，但是不同原生应用提供的接口不同，这一定程度上影响了页面的兼容性，甚至一些原生应用并未提供接口，从而降低了页面显示效果。

技术实现思路

[0003]本公开提供显示参数确定方法、装置及存储介质，本公开的技术方案如下：
[0004]根据本公开实施例的第一方面，提供一种显示参数确定方法，包括：
[0005]在目标对象被显示在页面的情况下，获取所述页面的页面组件输出的第一尺寸参数，所述第一尺寸参数为所述页面的可视区域的尺寸参数；
[0006]获取所述页面的页面组件输出的第二尺寸参数，所述第二尺寸参数为在所述页面未显示所述目标对象的情况下，所述可视区域的尺寸参数；
[0007]根据所述第一尺寸参数和所述第二尺寸参数，确定所述目标对象在所述页面中的显示参数。
[0008]在一些可能的实施例中，所述方法还包括：
[0009]获取浏览器窗口对象；<br/>[0010]所述获取所述页面的页面组件输出的第一尺寸参数，包括：在所述目标对象被显示在所述页面的情况下，调用所述页面组件的第一接口，将所述第一接口输出的第一属性参数作为所述第一尺寸参数，其中，所述第一属性参数表征所述浏览器窗口对象的尺寸参数；
[0011]所述获取所述页面的页面组件输出的第二尺寸参数，包括：在页面初始化状态下，调用所述第一接口，将所述第一接口输出的第一属性参数作为所述第二尺寸参数。
[0012]在一些可能的实施例中，所述方法还包括：
[0013]监听所述浏览器窗口对象发出的第一尺寸变化事件，
[0014]在监听到所述第一尺寸变化事件的情况下，执行所述获取所述页面的页面组件输出的第一尺寸参数的操作。
[0015]在一些可能的实施例中，所述获取所述页面的页面组件输出的第一尺寸参数，包括：基于所述页面组件，获取所述页面对应的视觉视口对象；在所述目标对象被显示在所述页面的情况下，调用所述页面组件的第二接口，将所述第二接口输出的第二属性参数作为
所述第一尺寸参数，其中，所述第二属性参数表征所述视觉视口对象的尺寸参数；
[0016]所述获取所述页面的页面组件输出的第二尺寸参数，包括：基于所述页面组件，获取目标文档对象，所述目标文档对象对应于所述页面的根元素；调用所述页面组件的第三接口，将所述第三接口输出的第三属性参数作为所述第二尺寸参数，所述第三属性参数表征所述目标文档对象的尺寸参数。
[0017]在一些可能的实施例中，所述方法还包括：
[0018]监听所述视觉视口对象发出的第二尺寸变化事件，
[0019]在监听到所述第二尺寸变化事件的情况下，执行所述获取所述页面的页面组件输出的第一尺寸参数的操作。
[0020]在一些可能的实施例中，所述根据所述第一尺寸参数和所述第二尺寸参数，确定所述目标对象在所述页面中的显示参数，包括：
[0021]根据所述第二尺寸参数和所述第一尺寸参数之间的差异，确定所述显示参数。
[0022]在一些可能的实施例中，所述第一尺寸参数和所述第二尺寸参数为高度参数，或，所述第一尺寸参数和所述第二尺寸参数为宽度参数。
[0023]在一些可能的实施例中，所述方法还包括：根据所述显示参数，确定目标显示区域，所述目标显示区域为所述页面中未被所述目标对象遮挡的区域；
[0024]在所述目标显示区域中显示除所述目标对象之外的其他页面元素。
[0025]在一些可能的实施例中，所述在所述目标显示区域中显示除所述目标对象之外的其他页面元素，包括：
[0026]根据所述显示参数，确定第一目标页面元素，其中，所述显示参数被确定前的所述第一目标页面元素与所述目标对象的显示区域至少部分重叠；
[0027]将所述第一目标页面元素显示在所述目标显示区域上。
[0028]在一些可能的实施例中，所述在所述目标显示区域中显示除所述目标对象之外的其他的页面元素，包括：
[0029]确定第二目标页面元素与所述目标对象的预设位置关系；
[0030]根据所述显示参数和所述预设位置关系，在所述目标显示区域中确定目标显示位置；
[0031]在所述目标显示位置渲染所述第二目标页面元素。
[0032]根据本公开实施例的第二方面，提供一种显示参数确定装置，包括：
[0033]第一尺寸参数获取模块，被配置为执行在目标对象被显示在页面的情况下，获取所述页面的页面组件输出的第一尺寸参数，所述第一尺寸参数为所述页面的可视区域的尺寸参数；
[0034]第二尺寸参数获取模块，被配置为执行获取所述页面的页面组件输出的第二尺寸参数，所述第二尺寸参数为在所述页面未显示所述目标对象的情况下，所述可视区域的尺寸参数；
[0035]显示参数确定模块，被配置为执行根据所述第一尺寸参数和所述第二尺寸参数，确定所述目标对象在所述页面中的显示参数。
[0036]在一些可能的实施例中，所述装置还包括对象获取模块，所述对象获取模块被配置为执行获取浏览器窗口对象；
[0037]所述第一尺寸参数获取模块，被配置为执行在所述目标对象被显示在所述页面的情况下，调用所述页面组件的第一接口，将所述第一接口输出的第一属性参数作为所述第一尺寸参数，其中，所述第一属性参数表征所述浏览器窗口对象的尺寸参数；
[0038]所述第二尺寸参数获取模块，被配置为执行在页面初始化状态下，调用所述第一接口，将所述第一接口输出的第一属性参数作为所述第二尺寸参数。
[0039]在一些可能的实施例中，所述装置还包括第一监听模块，所述第一监听模块被配置为执行：
[0040]监听所述浏览器窗口对象发出的第一尺寸变化事件，
[0041]在监听到所述第一尺寸变化事件的情况下，执行所述获取所述页面的页面组件输出的第一尺寸参数的操作。
[0042]在一些可能的实施例中，所述第一尺寸参数获取模块，被配置为执行基于所述页面组件，获取所述页面对应的视觉视口对象；在所述目标对象被显示在所述页面的情况下，调用所述页面组件的第二接口，将所述第二接口输出的第二属性参数作为所述第一尺寸参数，其中，所述第二属性参数表征所述视觉视口对象的尺寸参数；
[0043]所述第二尺寸参数获取模块，被配置为执行基于所述页面组件，获取目标文档对象，所述目标文档对象对应于所述页面的根元素；调用所述页面组件的第三接本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种显示参数确定方法，其特征在于，包括：在目标对象被显示在页面的情况下，获取所述页面的页面组件输出的第一尺寸参数，所述第一尺寸参数为所述页面的可视区域的尺寸参数；获取所述页面的页面组件输出的第二尺寸参数，所述第二尺寸参数为在所述页面未显示所述目标对象的情况下，所述可视区域的尺寸参数；根据所述第一尺寸参数和所述第二尺寸参数，确定所述目标对象在所述页面中的显示参数。2.根据权利要求1所述的显示参数确定方法，其特征在于，所述方法还包括：获取浏览器窗口对象；所述获取所述页面的页面组件输出的第一尺寸参数，包括：在所述目标对象被显示在所述页面的情况下，调用所述页面组件的第一接口，将所述第一接口输出的第一属性参数作为所述第一尺寸参数，其中，所述第一属性参数表征所述浏览器窗口对象的尺寸参数；所述获取所述页面的页面组件输出的第二尺寸参数，包括：在页面初始化状态下，调用所述第一接口，将所述第一接口输出的第一属性参数作为所述第二尺寸参数。3.根据权利要求2所述的显示参数确定方法，其特征在于，所述方法还包括：监听所述浏览器窗口对象发出的第一尺寸变化事件，在监听到所述第一尺寸变化事件的情况下，执行所述获取所述页面的页面组件输出的第一尺寸参数的操作。4.根据权利要求1所述的显示参数确定方法，其特征在于：所述获取所述页面的页面组件输出的第一尺寸参数，包括：基于所述页面组件，获取所述页面对应的视觉视口对象；在所述目标对象被显示在所述页面的情况下，调用所述页面组件的第二接口，将所述第二接口输出的第二属性参数作为所述第一尺寸参数，其中，所述第二属性参数表征所述视觉视口对象的尺寸参数；所述获取所述页面的页面组件输出的第二尺寸参数，包括：基于所述页面组件，获取目标文档对象，所述目标文档对象对应于所述页面的根元素；调用所述页面组件的第三接口，将所述第三接口输出的第三属性参数作为所述第二尺...

【专利技术属性】
技术研发人员：王永峰，
申请(专利权)人：北京达佳互联信息技术有限公司，
类型：发明
国别省市：