Web页面的渲染方法、装置、计算机设备和存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN110647699A(43)申请公布日2020.01.03(21)申请号201910744587.X(22)申请日2019.08.13(71)申请人平安普惠企业管理有限公司地址518000广东省深圳市前海深港合作区前湾一路1号A栋201室(入驻深圳市前海商务秘书有限公司)(72)发明人林泽全(74)专利代理机构广州华进联合专利商标代理有限公司44224代理人董慧(51)Int.Cl.G06F16/957(2019.01)权利要求书2页说明书9页附图2页(54)发明名称Web页面的渲染方法、装置、计算机设备和存储介质(57)摘要本申请涉及一种Web页面的渲染方法、装置、计算机设备和存储介质。所述方法包括：获取初始的页面渲染文件；所述页面渲染文件包括HTML文件和CSS文件；识别所述HTML文件中包含首页标签的样式引入语句；获取所述首页标签对应的样式类名；在所述CSS文件中识别每个样式类名对应的样式描述语句；基于所述样式描述语句填充替换所述HTML文件中相应的样式引入语句，得到优化后的页面渲染文件；当发生页面浏览操作时，基于所述优化后的页面渲染文件进行页面渲染。采用本方法能够缓解页面加载缓慢的现象。CN110647699ACN110647699A权利要求书1/2页1.一种Web页面的渲染方法，所述方法包括：获取初始的页面渲染文件；所述页面渲染文件包括HTML文件和CSS文件；识别所述HTML文件中包含首页标签的样式引入语句；获取所述首页标签对应的样式类名；在所述CSS文件中识别每个样式类名对应的样式描述语句；基于所述样式描述语句填充替换所述HTML文件中相应的样式引入语句，得到优化后的页面渲染文件；当发生页面浏览操作时，基于所述优化后的页面渲染文件进行页面渲染。2.根据权利要求1所述的方法，其特征在于，基于所述样式描述语句填充替换所述HTML文件中相应的样式引入语句，得到优化后的页面渲染文件，包括：确定初始的所述CSS文件适用的基准尺寸；获取预置的多种目标尺寸分别对应的样式调整信息；根据所述样式调整信息对适用于所述基准尺寸的CSS文件中的样式参数进行调整，得到每种所述目标尺寸分别对应的目标CSS文件；基于从每种目标CSS文件中获取的样式描述语句填充替换所述HTML文件中相应的样式引入语句，得到每种目标尺寸对应的优化后的页面渲染文件。3.根据权利要求2所述的方法，其特征在于，所述当发生页面浏览操作时，基于所述优化后的页面渲染文件进行页面渲染，包括：确定发生页面浏览操作的终端的屏幕尺寸；基于所述屏幕尺寸对应的优化后的页面渲染文件进行页面渲染。4.根据权利要求1所述的方法，其特征在于，所述当发生页面浏览操作时，基于所述优化后的页面渲染文件进行页面渲染，包括：当发生首页浏览操作时，获取所述优化后的页面渲染文件；对所述优化后的页面渲染文件进行解析，构建DOM树；基于所述DOM树渲染得到所述首页浏览操作所指向的Web首页。5.根据权利要求2所述的方法，其特征在于，所述当发生页面浏览操作时，基于所述优化后的页面渲染文件进行页面渲染，包括：当发生非首页浏览操作时，确定发生非首页浏览操作的终端的屏幕尺寸；获取所述屏幕尺寸对应的目标CSS文件；对获取的目标CSS文件及优化后的HTML文件分别进行解析，构建DOM树和CSSOM树；基于所述DOM树及所述CSSOM树渲染得到所述非首页浏览操作所指向的Web页面。6.根据权利要求1所述的方法，其特征在于，所述基于所述优化后的页面渲染文件进行页面渲染之前，所述方法还包括：拦截基于目标应用触发的页面浏览操作；确定所述目标应用对应运行环境的环境标识；根据所述目标应用及所述环境标识获取对应的路由配置信息；生成所述页面浏览操作对应的页面加载请求；根据所述路由配置信息将所述页面加载请求分流发送至服务器或缓存；接收从所述服务器或缓存拉取的页面资源；所述页面资源包括优化后的页面渲染文2CN110647699A权利要求书2/2页件。7.一种Web页面的渲染装置，所述装置包括：渲染文件获取模块，用于获取初始的页面渲染文件；所述页面渲染文件包括HTML文件和CSS文件；渲染文件优化模块，用于识别所述HTML文件中包含首页标签的样式引入语句；获取所述首页标签对应的样式类名；在所述CSS文件中识别每个样式类名对应的样式描述语句；基于所述样式描述语句填充替换所述HTML文件中相应的样式引入语句，得到优化后的页面渲染文件；页面渲染模块，用于当发生页面浏览操作时，基于所述优化后的页面渲染文件进行页面渲染。8.根据权利要求7所述的装置，其特征在于，所述渲染文件优化模块还用于确定初始的所述CSS文件适用的基准尺寸；获取预置的多种目标尺寸分别对应的样式调整信息；根据所