页面适配方法和装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN108021666A(43)申请公布日2018.05.11(21)申请号201711262649.0(22)申请日2017.12.04(71)申请人北京百度网讯科技有限公司地址100085北京市海淀区上地十街10号百度大厦2层(72)发明人潘征张博(74)专利代理机构北京英赛嘉华知识产权代理有限责任公司11204代理人王达佐马晓亚(51)Int.Cl.G06F17/30(2006.01)权利要求书2页说明书9页附图4页(54)发明名称页面适配方法和装置(57)摘要本申请实施例公开了页面适配方法和装置。该方法的一具体实施方式包括：接收用户对预定页面的访问请求；执行如下的页面适配操作：获取预定页面的宽度信息、预定页面中各页面元素的位置信息以及显示窗口的宽度信息，其中，页面元素的位置信息包括页面元素相对第一预设基准线的第一偏移量信息，第一预设基准线沿预定页面的宽度方向延伸；基于显示窗口的宽度信息所指示的宽度与预定页面的宽度信息所指示的宽度的比值确定缩放比例；渲染预定页面以生成展示页面，其中，展示页面中各页面元素的在竖直方向上的位置基于第一偏移量信息所指示的第一偏移量和缩放比例的乘积确定。该实施方式提高了页面在不同终端设备上的适配性。CN108021666ACN108021666A权利要求书1/2页1.一种页面适配方法，包括：接收用户对预定页面的访问请求；执行如下的页面适配操作：获取所述预定页面的宽度信息、所述预定页面中各页面元素的位置信息以及显示窗口的宽度信息，其中，所述页面元素的位置信息包括所述页面元素相对第一预设基准线的第一偏移量信息，所述第一预设基准线沿所述预定页面的宽度方向延伸；基于所述显示窗口的宽度信息所指示的宽度与所述预定页面的宽度信息所指示的宽度的比值确定缩放比例；渲染所述预定页面以生成展示页面，其中，所述展示页面中各页面元素的在竖直方向上的位置基于所述第一偏移量信息所指示的第一偏移量和所述缩放比例的乘积确定。2.根据权利要求1所述的方法，其中，所述页面元素的位置信息还包括所述页面元素相对第二预设基准线的第二偏移量信息；以及所述渲染所述预定页面以生成展示页面，还包括：基于所述第二偏移量信息所指示的第二偏移量和所述缩放比例的乘积确定展示页面中各页面元素在水平方向的位置，其中所述第二预设基准线垂直于所述第一预设基准线。3.根据权利要求2所述的方法，其中，所述获取所述预定页面的宽度信息、所述预定页面中各页面元素的位置信息以及所述终端设备显示窗口的宽度信息还包括：获取所述预定页面中各页面元素的宽度信息和高度信息，以及所述渲染所述预定页面以生成展示页面，还包括：确定所述展示页面中的任一页面元素的宽度和高度，其中所述展示页面中的任一页面元素的宽度和高度分别由所述预定页面中的该页面元素的宽度信息所指示的宽度与所述缩放比例的乘积和该页面元素的高度信息所指示的高度与所述缩放比例的乘积确定。4.根据权利要求2所述的方法，其中，在渲染所述预定页面以生成展示页面之后，所述方法还包括：响应于检测到终端设备的屏幕翻转，执行所述页面适配操作。5.根据权利要求1所述的方法，其中，所述第一预设基准线与所述预定页面的上边框平行且部分重合、与所述预设页面的下边框平行且部分重合或者经过所述预设页面的几何中心并沿所述预定页面的宽度方向延伸。6.一种页面适配装置，包括：接收单元，配置用于接收用户对预定页面的访问请求；执行单元，配置用于执行如下的页面适配操作：获取所述预定页面的宽度信息、所述预定页面中各页面元素的位置信息以及显示窗口的宽度信息，其中，所述页面元素的位置信息包括所述页面元素相对第一预设基准线的第一偏移量信息，所述第一预设基准线沿所述预定页面的宽度方向延伸；基于所述显示窗口的宽度信息所指示的宽度与所述预定页面的宽度信息所指示的宽度的比值确定缩放比例；渲染所述预定页面以生成展示页面，其中，所述展示页面中各页面元素的在竖直方向上的位置基于所述第一偏移量信息所指示的第一偏移量和所述缩放比例的乘积确定。7.根据权利要求6所述的装置，其中，所述页面元素的位置信息还包括所述页面元素相对第二预设基准线的第二偏移量信息；以及2CN108021666A权利要求书2/2页所述执行单元进一步配置用于：基于所述第二偏移量信息所指示的第二偏移量和所述缩放比例的乘积确定展示页面中各页面元素在水平方向的位置，其中，所述第二预设基准线垂直于与所述第一预设基准线。8.根据权利要求6所述的装置，其中，所述执行单元进一步配置用于：获取所述预定页面各页面元素的宽度信息和高度信息；确定任一页面元素在所述展示页面中的宽度和高度，其中该页面元素在所述展示页面中的宽度和高度分别由所述预定页面中的该页面元素的宽度信息所指示的