[发明专利]网页数据处理方法和装置在审

专利信息
申请号: 201811162006.3 申请日: 2018-09-30
公开(公告)号: CN110968810A 公开(公告)日: 2020-04-07
发明(设计)人: 罗尖 申请(专利权)人: 北京国双科技有限公司
主分类号: G06F16/957 分类号: G06F16/957
代理公司: 北京康信知识产权代理有限责任公司 11240 代理人: 赵囡囡;谭惠月
地址: 100083 北京市海淀区*** 国省代码: 北京;11
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 网页 数据处理 方法 装置
【说明书】:

发明公开了一种网页数据处理方法和装置。该方法包括:监听到网页中图片的错误事件;浏览器向服务器请求用于表征图片的伪元素字符的属性信息;在接收到服务器发送的属性信息后,根据属性信息在网页中显示预设的图片的伪元素字符。通过本发明,达到了网页图片错误时不出现死循环的效果。

技术领域

本发明涉及计算机领域,具体而言,涉及一种网页数据处理方法和装置。

背景技术

对于图片(img)元素来说,伪元素:before和:after默认是不起作用的,而一旦图片加载失败这两个伪元素将出现。在具体应用场景中,网页上经常会显示有很多图片,如果图片加载错误,例如断网,则可能会不停重复加载,造成死循环。

为了解决这一问题,现有的方案通过监听img的onerror事件,用javascript将错误图片的url替换成默认图片的url。但是,当默认图片出错时,程序会不断替换 url,依然会造成死循环,需要做额外的工作防止这一错误发生。

针对相关技术中网页图片错误时出现死循环的问题,目前尚未提出有效的解决方案。

发明内容

本发明的主要目的在于提供一种网页数据处理方法和装置,以解决网页图片错误时出现死循环的问题。

为了实现上述目的,根据本发明的一个方面,提供了一种网页数据处理方法,该方法包括:监听到网页中图片的错误事件;浏览器向服务器请求用于表征图片的伪元素字符的属性信息;在接收到服务器发送的所述属性信息后,根据所述属性信息在所述网页中显示预设的所述图片的伪元素字符。

进一步地,根据所述属性信息在所述网页中显示预设的所述图片的伪元素字符包括:获取所述伪元素字符;从所述属性信息后中解析出所述伪元素字符的字体和样式;根据所述伪元素字符的字体和样式渲染所述图片的伪元素字符。

进一步地,根据所述属性信息在所述网页中显示预设的所述图片的伪元素字符包括:获取网页中所述图片的坐标位置;根据所述属性信息渲染预设的所述图片的伪元素字符,将所述图片的伪元素字符显示在所述网页中的所述坐标位置处。

进一步地,监听到网页中图片的错误事件包括:通过JavaScript监听网页中图片的onerror事件。

为了实现上述目的,根据本发明的另一方面,还提供了一种网页数据处理装置,该装置包括:监听单元,用于监听到网页中图片的错误事件;请求单元,用于浏览器向服务器请求用于表征图片的伪元素字符的属性信息;显示单元,用于在接收到服务器发送的所述属性信息后,根据所述属性信息在所述网页中显示预设的所述图片的伪元素字符。

进一步地,所述显示单元包括:获取模块,用于获取所述伪元素字符;解析模块,用于从所述属性信息后中解析出所述伪元素字符的字体和样式;渲染模块,用于根据所述伪元素字符的字体和样式渲染所述图片的伪元素字符。

进一步地,所述显示单元包括:获取模块,用于获取网页中所述图片的坐标位置;显示模块,用于根据所述属性信息渲染预设的所述图片的伪元素字符,将所述图片的伪元素字符显示在所述网页中的所述坐标位置处。

进一步地,所述监听单元用于:通过JavaScript监听网页中图片的onerror事件。

为了实现上述目的,根据本发明的另一方面,还提供了一种存储介质,包括存储的程序,其中,在所述程序运行时控制所述存储介质所在设备执行本发明的网页数据处理方法。

为了实现上述目的,根据本发明的另一方面,还提供了一种处理器,用于运行程序,其中,所述程序运行时执行本发明的网页数据处理方法。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京国双科技有限公司,未经北京国双科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201811162006.3/2.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top