页面内容加载方法、装置、设备及存储介质制造方法及图纸

技术编号:41519904 阅读:25 留言:0更新日期:2024-05-30 14:55
本发明专利技术公开了一种页面内容加载方法、装置、设备及存储介质,该方法包括:监听目标页面中的加载失败事件,并获取报错对象;确定报错对象的对象类型,并在对象类型为img类型时,获取报错对象的目标属性;根据目标属性确定报错图片类型之后,从配置中心匹配到与报错图片类型对应的备用地址;根据备用地址对与报错对象对应的对象地址进行替换,将与备用地址对应的备用图片加载至报错对象的位置以展示在目标页面中。本发明专利技术实现了对页面全局中加载失败的监听,实现了对备用地址的获取,以及实现了将备用地址更换到报错对象的对象地址,进而实现了对备用图片的加载,实现了对加载失败事件的处理,提升了页面布局的美观度。

【技术实现步骤摘要】

本专利技术涉及数据加载,尤其涉及一种页面内容加载方法、装置、设备及存储介质


技术介绍

1、img标签包括两个必需的属性,src(source,来源)属性和alt(alternate,替代)属性。src属性用于定义图像的来源(即图像的路径),而alt属性用于提供图像的替代文本,用于在图像无法显示时进行提示。

2、图像文件的地址路径存在失效的风险,比如,src属性指向的图片资源不存在,或者,src属性指向的路径出现错误,均会导致图片加载失败,此时,触发图像标签的错误事件,通过alt属性指向的替代文本,在加载失败的位置上显示替代文本的内容。但是,现有技术通常是将alt属性的替代文本定义为一段文字,用来给出加载错误提示,导致整个页面布局较差,不够美观。并且在加载失败时,会触发onerror事件,但是通过img标签的onerror事件进行src替换的缺点是一个应用中可能有很多img标签,逐个添加比较耗时耗力。


技术实现思路

1、本专利技术提供一种页面内容加载方法、装置、设备及存储介质,以解决现有技术中加载本文档来自技高网...

【技术保护点】

1.一种页面内容加载方法,其特征在于,包括:

2.如权利要求1所述的页面内容加载方法,其特征在于,所述根据所述目标属性确定所述报错对象对应的报错图片类型之后,从配置中心匹配到与所述报错图片类型对应的备用地址,包括:

3.如权利要求1所述的页面内容加载方法,其特征在于,所述根据所述备用地址对与所述报错对象对应的对象地址进行替换,将与所述备用地址对应的备用图片加载至所述报错对象的位置以展示在所述目标页面中,包括:

4.如权利要求1所述的页面内容加载方法,其特征在于,所述从配置中心匹配到与所述报错图片类型对应的备用地址之前,还包括:>

5.如权利要...

【技术特征摘要】

1.一种页面内容加载方法,其特征在于,包括:

2.如权利要求1所述的页面内容加载方法,其特征在于,所述根据所述目标属性确定所述报错对象对应的报错图片类型之后,从配置中心匹配到与所述报错图片类型对应的备用地址,包括:

3.如权利要求1所述的页面内容加载方法,其特征在于,所述根据所述备用地址对与所述报错对象对应的对象地址进行替换,将与所述备用地址对应的备用图片加载至所述报错对象的位置以展示在所述目标页面中,包括:

4.如权利要求1所述的页面内容加载方法,其特征在于,所述从配置中心匹配到与所述报错图片类型对应的备用地址之前,还包括:

5.如权利要求1所述的页面内容加载方法,其特征在于,所述根据所述目标属性确定所述报错对象对应的报错图...

【专利技术属性】
技术研发人员:刘杨包卫林跃王家其
申请(专利权)人:深圳市东信云科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1