预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共20页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN115048172A(43)申请公布日2022.09.13(21)申请号202210690526.1(22)申请日2022.06.17(71)申请人北京奇艺世纪科技有限公司地址100080北京市海淀区海淀北一街2号鸿城拓展大厦10、11层(72)发明人韩直彬(74)专利代理机构北京柏杉松知识产权代理事务所(普通合伙)11413专利代理师孙翠贤高莺然(51)Int.Cl.G06F9/451(2018.01)G06F16/957(2019.01)权利要求书2页说明书13页附图4页(54)发明名称一种页面适配方法、装置、电子设备及存储介质(57)摘要本发明实施例提供了一种页面适配方法、装置、电子设备及存储介质,涉及计算机技术领域。该方法包括:在检测到待进行目标页面的适配时,确定客户端的显示窗口的当前尺寸;从多个窗口状态中,查找与所述显示窗口的当前尺寸对应的窗口状态,作为目标窗口状态;从指定适配数据中,查找所述目标窗口状态对应的页面布局信息和/或页面样式信息,作为待利用信息;基于所述待利用信息以及所述目标页面的待展示的元素数据,对所述目标页面进行渲染。通过本方案,可以实现降低适配过程中开发及维护的复杂度的目的。CN115048172ACN115048172A权利要求书1/2页1.一种页面适配方法,其特征在于,应用于客户端,所述方法包括:在检测到待进行目标页面的适配时,确定客户端的显示窗口的当前尺寸;从多个窗口状态中,查找与所述显示窗口的当前尺寸对应的窗口状态,作为目标窗口状态;其中,每一窗口状态对应于所述显示窗口的一种尺寸范围;从指定适配数据中,查找所述目标窗口状态对应的页面布局信息和/或页面样式信息,作为待利用信息;其中,所述指定适配数据中包含针对目标页面的、各个窗口状态对应的页面布局信息和/或页面样式信息,任一窗口状态对应的页面布局信息表征所述目标页面在该窗口状态下的卡片布局信息,任一窗口状态对应的页面样式信息表征所述目标页面在该窗口状态下的卡片内的视图组件的样式信息;基于所述待利用信息以及所述目标页面的待展示的元素数据,对所述目标页面进行渲染。2.根据权利要求1所述的方法,其特征在于,所述目标页面待进行适配的检测方式包括:检测到所述目标页面的展示过程中,客户端的显示窗口的展示模式发生变化;其中,所述展示模式包括横屏模式或竖屏模式。3.根据权利要求1所述的方法,其特征在于,所述目标页面待进行适配的检测方式包括:检测到所述目标页面的展示过程中,客户端的显示窗口的展示尺寸发生缩小变化或放大变化。4.根据权利要求1‑3任一项所述的方法,其特征在于,所述指定适配数据为所述客户端本地存储的数据;所述方法还包括:识别所述指定适配数据,是否与服务端中存储的针对所述目标页面的目标适配数据相同;其中,所述目标适配数据为各个窗口状态对应的页面布局信息和/或页面样式信息;若不同,获取所述服务端中的所述目标页面的目标适配数据,利用所获取的目标适配数据,更新所述指定适配数据。5.根据权利要求4所述的方法,其特征在于,所述识别所述指定适配数据中的目标适配数据,是否与服务端中存储的针对所述目标页面的目标适配数据相同,包括:在接收到指定指令时,识别所述指定适配数据中的目标适配数据,是否与服务端中存储的针对所述目标页面的目标适配数据相同;其中,所述指定指令为用于在客户端展示所述目标页面的指令。6.根据权利要求4所述的方法,其特征在于,所述识别所述指定适配数据中的目标适配数据,是否与服务端中存储的针对所述目标页面的目标适配数据相同,包括:获取服务端中针对目标页面的目标适配数据的目标版本号;识别所述目标版本号与历史版本号是否相同;其中,所述历史版本号为所述指定适配数据中的目标适配数据的版本号;若不同,判定所述指定适配数据中的目标适配数据,与所述服务端中存储的针对所述目标页面的目标适配数据不同。7.根据权利要求1‑3任一项所述的方法,其特征在于,所述基于所述待利用信息所述目2CN115048172A权利要求书2/2页标页面的待展示的元素数据,对所述目标页面进行渲染,包括:利用所述待利用信息中的页面布局信息,对所述目标页面中的卡片进行布局;利用所述待利用信息中的页面样式信息以及所述目标页面的待展示的元素数据,对所述目标页面中的卡片的视图组件进行渲染。8.一种页面适配装置,其特征在于,应用于客户端,所述装置包括:确定模块,用于在检测到待进行目标页面的适配时,确定客户端的显示窗口的当前尺寸;第一查找模块,用于从多个窗口状态中,查找与所述显示窗口的当前尺寸对应的窗口状态,作为目标窗口状态;其中,每一窗口状态对应于所述显示窗口的一种尺寸范围;第二查找模块,用于从指定适配数据中,查找所述目标窗口状态对应的页面布局信息和