网页渲染方法、装置和电子设备.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN110532488A(43)申请公布日2019.12.03(21)申请号201810500680.1(22)申请日2018.05.23(71)申请人腾讯科技（深圳）有限公司地址518057广东省深圳市南山区高新区科技中一路腾讯大厦35层(72)发明人洪继耀李世平郑翔(74)专利代理机构北京励诚知识产权代理有限公司11647代理人贾玉姣(51)Int.Cl.G06F16/957(2019.01)G06F16/958(2019.01)权利要求书2页说明书12页附图13页(54)发明名称网页渲染方法、装置和电子设备(57)摘要本申请提供一种网页渲染方法、装置和电子设备，上述网页渲染方法包括：获取待渲染的网页；获取电子设备的屏幕宽度；获取所述网页的文档属性标签，所述文档属性标签包括配置信息；根据所述配置信息，渲染与电子设备的屏幕宽度相匹配的网页视口；获取所述网页的像素与网页根元素的字体大小的比例；当所述电子设备的屏幕宽度小于或等于预定阈值时，根据所述电子设备的屏幕宽度、所述网页的像素与网页根元素的字体大小的比例和所述预定阈值，计算所需的网页根元素的字体大小；根据所述网页根元素的字体大小对所述网页进行缩放处理。本申请可以实现网页在不同设备上表现一致，优化了用户体验，并降低了网页在特异设备上表现不正常的风险。CN110532488ACN110532488A权利要求书1/2页1.一种网页渲染方法，其特征在于，包括：获取待渲染的网页；获取电子设备的屏幕宽度，其中，所述电子设备的屏幕用于展示所述待渲染的网页；获取所述网页的文档属性标签，其中，所述文档属性标签包括配置信息，所述配置信息用于表征网页视口的宽度与所述电子设备的屏幕宽度的对应关系；根据所述配置信息，渲染与所述电子设备的屏幕宽度尺寸相匹配的网页视口；获取所述网页的像素与网页根元素的字体大小的比例；当所述电子设备的屏幕宽度小于或等于预定阈值时，根据所述电子设备的屏幕宽度、所述网页的像素与网页根元素的字体大小的比例和所述预定阈值，计算所需的网页根元素的字体大小；根据所述网页根元素的字体大小对所述网页进行缩放处理，以在所述电子设备的屏幕上展示缩放处理后的渲染页面。2.根据权利要求1所述的方法，其特征在于，所述获取所述网页的像素与网页根元素的字体大小的比例之后，还包括：当所述电子设备的屏幕宽度大于预定阈值时，将所述网页根元素的字体大小设置为预定像素，所述预定像素的数值等于所述网页的像素与网页根元素的字体大小的比例；根据设置的所述网页根元素的字体大小对所述网页进行缩放处理，以在所述电子设备的屏幕上展示缩放处理后的渲染页面。3.根据权利要求1所述的方法，其特征在于，所述获取所述网页的像素与网页根元素的字体大小的比例之前，还包括：监听网页缩放触发事件，所述网页缩放触发事件包括方向切换事件、网页文档视图大小调整事件和/或网页文档加载完成事件；如果监听到所述网页缩放触发事件发生，则执行所述获取所述网页的像素与网页根元素的字体大小的比例的步骤。4.根据权利要求1-3任意一项所述的方法，其特征在于，所述获取所述网页的像素与网页根元素的字体大小的比例包括：获取网页文件中层叠样式表属性；从所述层叠样式表属性中获取预先设定的所述网页的像素与网页根元素的字体大小的比例。5.一种网页渲染装置，其特征在于，包括：获取模块，用于获取待渲染的网页，获取电子设备的屏幕宽度，其中，所述电子设备的屏幕用于展示所述待渲染的网页；以及获取所述网页的文档属性标签，其中，所述文档属性标签包括配置信息，所述配置信息用于表征网页视口的宽度与所述电子设备的屏幕宽度的对应关系；渲染模块，用于根据所述配置信息，渲染与所述电子设备的屏幕宽度相匹配的网页视口；所述获取模块，还用于获取所述网页的像素与网页根元素的字体大小的比例；当所述电子设备的屏幕宽度小于或等于预定阈值时，根据所述电子设备的屏幕宽度、所述网页的像素与网页根元素的字体大小的比例和所述预定阈值，计算所需的网页根元素的字体大2CN110532488A权利要求书2/2页小；所述渲染模块，还用于根据所述获取模块计算的所述网页根元素的字体大小对所述网页进行缩放处理，以在所述电子设备的屏幕上展示缩放处理后的渲染页面。6.根据权利要求5所述的装置，其特征在于，还包括：设置模块，用于当所述电子设备的屏幕宽度大于预定阈值时，将所述网页根元素的字体大小设置为预定像素，所述预定像素的数值等于所述网页的像素与网页根元素的字体大小的比例；所述渲染模块，还用于根据所述设置模块设置的所述网页根元素的字体大小对所述网页进行缩放处理，以在所述电子设备的屏幕上展示缩放处理后的渲染页面。7.根据权利要求5所述的装置，其特征在于，还包括：监听模块，用于