网页资源懒加载监控方法、装置、设备及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN109684576A(43)申请公布日2019.04.26(21)申请号201811539136.4(22)申请日2018.12.14(71)申请人平安城市建设科技（深圳）有限公司地址518000广东省深圳市前海深港合作区前湾一路1号A栋201室(入驻深圳市前海商务秘书有限公司)(72)发明人杨军冯佳慧(74)专利代理机构深圳市世纪恒程知识产权代理事务所44287代理人胡海国(51)Int.Cl.G06F16/957(2019.01)G06F21/55(2013.01)权利要求书2页说明书9页附图3页(54)发明名称网页资源懒加载监控方法、装置、设备及存储介质(57)摘要本发明涉及网页开发，公开一种网页资源懒加载监控方法、装置、设备及存储介质，该方法包括：获取浏览器当前展示页面对应的页面地址，检测页面地址是否属于预设监控页面地址，若属于则对浏览器进行页面渲染以获取浏览器已加载的所有图片，对图片进行筛选以获取待检测图片并检测待检测图片是否显示于所述当前展示页面中，若否则判定所述待检测图片为异常加载图片并生成异常加载报告，由于本发明是在检测到页面地址属于预设监控页面地址时，通过对浏览器进行页面渲染获取已加载的所有图片，然后从中筛选并检测出异常加载图片再根据异常加载图片生成异常加载报告，从而能够有效的对网页资源的懒加载进行监控，提高了用户的网络体验。CN109684576ACN109684576A权利要求书1/2页1.一种网页资源懒加载监控方法，其特征在于，所述方法包括：获取浏览器当前展示页面对应的页面地址，检测所述页面地址是否属于预设监控页面地址；若属于，则对所述浏览器进行页面渲染以获取所述浏览器已加载的所有图片；对所述图片进行筛选以获取待检测图片，检测所述待检测图片是否显示于所述当前展示页面中；若否，则判定所述待检测图片为异常加载图片，并根据所述异常加载图片生成异常加载报告。2.如权利要求1所述的方法，其特征在于，所述获取浏览器当前展示页面对应的页面地址，检测所述页面地址是否属于预设监控页面地址的步骤，包括：获取浏览器当前展示页面对应的页面地址，从所述页面地址中提取对应的访问域名；在映射关系中查找所述访问域名对应的页面监控白名单，所述映射关系中存放有访问域名与页面监控白名单之间的对应关系；检测所述页面地址是否属于所述页面监控白名单预设监控页面地址中的其中之一。3.如权利要求1或2所述的方法，其特征在于，所述对所述浏览器进行页面渲染以获取所述浏览器已加载的所有图片的步骤，包括：在预设数据库中查找所述页面地址对应的前端框架以及文档对象模板，并获取所述文档对象模板对应的预加载页面资源；将所述前端框架以及所述预加载页面资源发送至所述浏览器，以使所述浏览器基于所述前端框架对所述预加载页面资源进行加载，并获取加载完成时所述浏览器中已加载的所有图片。4.如权利要求3所述的方法，其特征在于，所述在预设数据库中查找所述页面地址对应的前端框架以及文档对象模板，并获取所述文档对象模板对应的预加载页面资源的步骤，包括：在预设数据库中查找所述页面地址对应的前端框架以及文档对象模板；获取所述文档对象模板中每个文档对象对应的对象属性，并根据所述对象属性获取对应的预加载页面资源。5.如权利要求1所述的方法，其特征在于，所述对所述图片进行筛选以获取待检测图片，检测所述待检测图片是否显示于所述当前展示页面中的步骤，包括：获取所述图片的图片大小，将所述图片大小与预设图片阈值进行比较，并根据比较结果将所述图片大小超过所述预设图片阈值的图片作为待检测图片；调用预置JavaScript函数检测所述待检测图片是否显示于所述当前展示页面中。6.如权利要求1所述的方法，其特征在于，所述根据所述异常加载图片生成异常加载报告的步骤，包括：统计所述异常加载图片的图片数量，以及所述浏览器已加载的所有图片对应的图片总数；根据所述图片数量和所述图片总数确定所述异常加载图片在已加载的所有图片中的占比；根据所述占比获取所述当前展示页面的页面健康等级，并基于所述页面健康等级和所2CN109684576A权利要求书2/2页述异常加载图片生成异常加载报告。7.如权利要求6所述的方法，其特征在于，所述根据所述占比获取所述当前展示页面的页面健康等级，并基于所述页面健康等级和所述异常加载图片生成异常加载报告的步骤，包括：根据预先划分的页面健康程度范围确定所述占比所属的目标范围；在预先构建的页面健康程度范围与页面健康等级的映射关系表中查找所述目标范围对应的页面健康等级；检测所述页面健康等级是否高于预设预警等级，若高于则根据所述页面健康等级和所述异常加载图片生成异常加载报告。8.一种网页资源懒加载监控装置，其特征在于，所述装置包括：