页面渲染方法及装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN110309449A(43)申请公布日2019.10.08(21)申请号201810138617.8(22)申请日2018.02.10(71)申请人阿里巴巴集团控股有限公司地址英属开曼群岛大开曼资本大厦一座四层847号邮箱(72)发明人俞上津(74)专利代理机构北京博思佳知识产权代理有限公司11415代理人林祥(51)Int.Cl.G06F16/957(2019.01)G06F16/958(2019.01)权利要求书2页说明书8页附图3页(54)发明名称页面渲染方法及装置(57)摘要本说明书一个或多个实施例提供一种页面渲染方法及装置，该方法可以包括：获取待渲染页面对应的页面数据，所述页面数据中包含用于实现响应式布局功能的内容；当所述页面数据包含的内容模块引用用于实现所述响应式布局功能的内容时，按照被引用内容所指示的布局方式，对所述内容模块实施相应的响应式布局处理。CN110309449ACN110309449A权利要求书1/2页1.一种页面渲染方法，其特征在于，包括：获取待渲染页面对应的页面数据，所述页面数据中包含用于实现响应式布局功能的内容；当所述页面数据包含的内容模块引用用于实现所述响应式布局功能的内容时，按照被引用内容所指示的布局方式，对所述内容模块实施相应的响应式布局处理。2.根据权利要求1所述的方法，其特征在于，用于实现所述响应式布局功能的内容包括：字体尺寸限定信息，所述字体尺寸限定信息用于将字体尺寸限定为与所述待渲染页面的目标渲染设备的实际视窗规格相关；所述内容模块包括：针对页面元素的样式属性的取值设定信息，所述取值设定信息以所述字体尺寸限定信息限定的字体尺寸为单位规格。3.根据权利要求2所述的方法，其特征在于，用于实现所述响应式布局功能的内容包括：强制指示信息，所述强制指示信息用于将所述取值设定信息采用的单位规格强制限定为所述字体尺寸限定信息限定的字体尺寸。4.根据权利要求2所述的方法，其特征在于，所述取值设定信息包括：与所述内容模块的设计稿所参照的初始视窗规格相关的缩放变量，以使所述样式属性的取值根据所述实际视窗规格与所述初始视窗规格之比实现响应式变化。5.根据权利要求4所述的方法，其特征在于，所述取值设定信息符合下述公式：其中，x为所述取值设定信息，a为自定义的取值调节变量，em为所述字体尺寸限定信息限定的字体尺寸，@fz为所述缩放变量，g为所述实际视窗规格，h为所述初始视窗规格。6.根据权利要求5所述的方法，其特征在于，em＝g/b，@fz＝h/b，其中b为自定义的缩放比例系数。7.根据权利要求1所述的方法，其特征在于，用于实现所述响应式布局功能的内容记载于所述页面数据的页头部分。8.根据权利要求1所述的方法，其特征在于，用于实现所述响应式布局功能的内容为预定义的类。9.一种页面渲染装置，其特征在于，包括：获取单元，获取待渲染页面对应的页面数据，所述页面数据中包含用于实现响应式布局功能的内容；处理单元，当所述页面数据包含的内容模块引用用于实现所述响应式布局功能的内容时，按照被引用内容所指示的布局方式，对所述内容模块实施相应的响应式布局处理。10.根据权利要求9所述的装置，其特征在于，用于实现所述响应式布局功能的内容包括：字体尺寸限定信息，所述字体尺寸限定信息用于将字体尺寸限定为与所述待渲染页面的目标渲染设备的实际视窗规格相关；所述内容模块包括：针对页面元素的样式属性的取值设定信息，所述取值设定信息以所述字体尺寸限定信息限定的字体尺寸为单位规格。11.根据权利要求10所述的装置，其特征在于，用于实现所述响应式布局功能的内容包2CN110309449A权利要求书2/2页括：强制指示信息，所述强制指示信息用于将所述取值设定信息采用的单位规格强制限定为所述字体尺寸限定信息限定的字体尺寸。12.根据权利要求10所述的装置，其特征在于，所述取值设定信息包括：与所述内容模块的设计稿所参照的初始视窗规格相关的缩放变量，以使所述样式属性的取值根据所述实际视窗规格与所述初始视窗规格之比实现响应式变化。13.根据权利要求12所述的装置，其特征在于，所述取值设定信息符合下述公式：其中，x为所述取值设定信息，a为自定义的取值调节变量，em为所述字体尺寸限定信息限定的字体尺寸，@fz为所述缩放变量，g为所述实际视窗规格，h为所述初始视窗规格。14.根据权利要求13所述的装置，其特征在于，em＝g/b，@fz＝h/b，其中b为自定义的缩放比例系数。15.根据权利要求9所述的装置，其特征在于，用于实现所述响应式布局功能的内容记载于所述页面数据的页头部分。16.根据权利要求9所述的装置，其特征在于，用于实现所述响应式布局功能的内容为预定义的类。3CN1103094