网页显示处理方法及装置制造方法及图纸

本发明专利技术公开了一种网页显示处理方法，包括：截获服务器返回给客户端的第一HTML数据；判断所述第一HTML数据中是否存在图片，并确定所述图片的像素面积是否大于预设阈值；若所述第一HTML数据中图片的像素面积大于所述阈值，则根据预置的配置处理策略对所述第一HTML数据中的所述图片进行处理，得到第二HTML数据；将所述第二HTML数据发送至所述客户端上进行网页显示。本发明专利技术还公开了一种网页显示处理装置。本发明专利技术提升了网页处理效率及网页内容显示速度。

【技术实现步骤摘要】

本专利技术涉及通信
，尤其涉及网页显示处理方法及装置。
技术介绍
现有网页中，为更丰富网页显示内容，提高网页的表达能力，因而相应会在网页中加入除文字外的其他网页元素，比如图片、视频等，而这类网页元素中，图片所占比例最大，同时图片的表达能力也更直接。但另一方面，若网页中图片过多(特别是大图片)则会影响网页的加载效率及显示速度，因此，在提高网页表达能力的同时，还需进一步考虑如何提高网页的显示处理效率及速度。
技术实现思路
本专利技术的主要目的在于如何在提高网页表达能力的同时，进一步提高网页的显示处理效率及速度的技术问题。为实现上述目的，本专利技术提供一种网页显示处理方法，所述网页显示处理方法包括：截获服务器返回给客户端的第一HTML数据；判断所述第一HTML数据中是否存在图片，并确定所述图片的像素面积是否大于预设阈值；若所述第一HTML数据中图片的像素面积大于所述阈值，则根据预置的配置处理策略对所述第一HTML数据中的所述图片进行处理，得到第二HTML数据；将所述第二HTML数据发送至所述客户端上进行网页显示。优选地，所述截获服务器返回给客户端的第一HTML数据之后包括：判断所述第一HTML数据中是否存在压缩数据；若存在，则对所述压缩数据进行解压。优选地，所述根据预置的配置处理策略对所述第一HTML数据中的所述图片进行处理包括：当所述配置处理策略为图片替换策略时，采用指定图片替换所述图片；或，将所述图片所对应的缩略图替换所述图片，其中，采用异步执行方式生成所述图片所对应的缩略图并缓存。优选地，所述根据预置的配置处理策略对所述第一HTML数据中的所述图片进行处理包括：当所述配置处理策略为延时显示策略时，在所述第一HTML数据中插入预置延时代码，以供所述客户端延时加载所述图片。优选地，所述根据预置的配置处理策略对所述第一HTML数据中的所述图片进行处理包括：当所述配置处理策略为基于用户行为的显示策略时，对所述图片的显示触发方式进行设置，其中，图片的显示触发方式至少包括点击图片触发和/或鼠标停留在图片上触发。进一步地，为实现上述目的，本专利技术还提供一种网页显示处理装置，所述网页显示处理装置包括：截获模块，用于截获服务器返回给客户端的第一HTML数据；判断模块，用于判断所述第一HTML数据中是否存在图片，并确定所述图片的像素面积是否大于预设阈值；图片处理模块，用于若所述第一HTML数据中图片的像素面积大于所述阈值，则根据预置的配置处理策略对所述第一HTML数据中的所述图片进行处理，得到第二HTML数据；转发模块，用于将所述第二HTML数据发送至所述客户端上进行网页显示。优选地，所述判断模块还用于：判断所述第一HTML数据中是否存在压缩数据；若存在，则对所述压缩数据进行解压。优选地，所述图片处理模块具体用于：当所述配置处理策略为图片替换策略时，采用指定图片替换所述图片；或，将所述图片所对应的缩略图替换所述图片，其中，采用异步执行方式生成所述图片所对应的缩略图并缓存。优选地，所述图片处理模块具体用于：当所述配置处理策略为延时显示策略时，在所述第一HTML数据中插入预置延时代码，以供所述客户端延时加载所述图片。优选地，所述图片处理模块具体用于：当所述配置处理策略为基于用户行为的显示策略时，对所述图片的显示触发方式进行设置，其中，图片的显示触发方式至少包括点击图片触发和/或鼠标停留在图片上触发。本专利技术中，在网页在客户端显示之前，截获服务器所返回的HTML数据，并进行检查，以对该HTML数据中满足预设条件的图片数据进行预处理，最后再将预处理后的HTML数据转发至客户端进行显示，从而以此提升网页显示处理效率及显示速度。附图说明图1为本专利技术网页显示处理方法第一实施例的流程示意图；图2为本专利技术网页显示处理方法中网页显示处理架构示意图；图3为本专利技术网页显示处理方法第二实施例的流程示意图；图4为本专利技术网页显示处理装置一实施例的功能模块示意图。本专利技术目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。具体实施方式应当理解，此处所描述的具体实施例仅用以解释本专利技术，并不用于限定本专利技术。参照图1，图1为本专利技术网页显示处理方法第一实施例的流程示意图。本实施例中，所述网页显示处理方法包括：步骤S10，截获服务器返回给客户端的第一HTML数据；本实施例中，客户端用于处理用户通过浏览器所提交的网页获取请求，而服务器则用于处理该网格员获取请求，同时将对应的HTML数据返回给客户端。网页显示处理装置则需要截获服务器返回给客户端的第一HTML数据，进而对第一HTML数据进行处理，如图2所示的网页显示处理架构示意图。本实施例中，网页显示处理装置可以是上网行为管理设备、负载均衡器、缓存服务器、流量管理设备等，但不限于此类设备，只要能够代理HTTP服务即可。步骤S20，判断所述第一HTML数据中是否存在图片，并确定所述图片的像素面积是否大于预设阈值；本实施例中，具体通过HTML标签(<image>标签)，确定第一HTML数据中是否存在图片。通常，HTML中的图片都会显示其分辨率，因此，可根据分辨率计算并确定图片的像素面积是否大于预设阈值，像素面积越大，则图片越大，对应加载该图片的时间也越长，也即网页中显示该图片的速度越慢。本实施例中对于图片大小阈值的设置不限，具体根据实际需要进行设置。步骤S30，若所述第一HTML数据中图片的像素面积大于所述阈值，则根据预置的配置处理策略对所述第一HTML数据中的所述图片进行处理，得到第二HTML数据；步骤S40，将所述第二HTML数据发送至所述客户端上进行网页显示。本实施例中，当检测到满足条件的图片时，需要根据预置的配置处理策略，对该图片进行相应处理，并得到处理该图片后所对应的第二HTML数据。本实施例中，对于配置处理策略的设置不限，例如删除图片等。当完成对图片的相应处理后，网页显示处理装置还需进一步将处理该图片后所对应的第二HTML数据转发至客户端上进行网页显示。另外，需要进一步说明的是，若截取到的第一HTML数据中不包含图片，则直接将第一HTML数据返回给客户端进行网页显示，从而有针对性地处理图片，提升网页显示速度。本实施例中，在网页在客户端显示之前，网页显示处理装置截获服务器所返回的HTML数据，并进行检查，以对该HTML数据中满足预设条件的图片数据进行预处理，最后再将预处理后的HTML数据转发至客户端进行显示，从而以此提升网页显示处理效率及显示速度。参照图3，图3为本专利技术网页显示处理方法第二实施例的流程示意图。本实施例与上述方法第一实施例的区别在于，本实施例中，上述步骤S10之后包括：步骤S01，判断所述第一HTML数据中是否存在压缩数据；步骤S02，若存在，则对所述压缩数据进行解压。本实施例中，考虑到服务器所返回的HTML数据中可能包含有压缩数据(比如对大型图片进行压缩)的特殊情况，因此，需要先对HTML数据进行解压缩处理，然后再对包括解压数据在内的所有HTML数据进行图片查询遍历，若遍历到满足条件的图片，则进行相应处理，最后再转发至客户端进行显示，从而以此提升网页显示处理效率及显示速度。进一步可选的，在本专利技术网页显示处理方法一实施例中，上述步骤S30具体包括：(1)当所述配置处理策略本文档来自技高网...

【技术保护点】
一种网页显示处理方法，其特征在于，所述网页显示处理方法包括：截获服务器返回给客户端的第一HTML数据；判断所述第一HTML数据中是否存在图片，并确定所述图片的像素面积是否大于预设阈值；若所述第一HTML数据中图片的像素面积大于所述阈值，则根据预置的配置处理策略对所述第一HTML数据中的所述图片进行处理，得到第二HTML数据；将所述第二HTML数据发送至所述客户端上进行网页显示。

【技术特征摘要】
1.一种网页显示处理方法，其特征在于，所述网页显示处理方法包括：截获服务器返回给客户端的第一HTML数据；判断所述第一HTML数据中是否存在图片，并确定所述图片的像素面积是否大于预设阈值；若所述第一HTML数据中图片的像素面积大于所述阈值，则根据预置的配置处理策略对所述第一HTML数据中的所述图片进行处理，得到第二HTML数据；将所述第二HTML数据发送至所述客户端上进行网页显示。2.如权利要求1所述的网页显示处理方法，其特征在于，所述截获服务器返回给客户端的第一HTML数据之后包括：判断所述第一HTML数据中是否存在压缩数据；若存在，则对所述压缩数据进行解压。3.如权利要求1所述的网页显示处理方法，其特征在于，所述根据预置的配置处理策略对所述第一HTML数据中的所述图片进行处理包括：当所述配置处理策略为图片替换策略时，采用指定图片替换所述图片；或，将所述图片所对应的缩略图替换所述图片，其中，采用异步执行方式生成所述图片所对应的缩略图并缓存。4.如权利要求1所述的网页显示处理方法，其特征在于，所述根据预置的配置处理策略对所述第一HTML数据中的所述图片进行处理包括：当所述配置处理策略为延时显示策略时，在所述第一HTML数据中插入预置延时代码，以供所述客户端延时加载所述图片。5.如权利要求1所述的网页显示处理方法，其特征在于，所述根据预置的配置处理策略对所述第一HTML数据中的所述图片进行处理包括：当所述配置处理策略为基于用户行为的显示策略时，对所述图片的显示触发方式进行设置，其中，图片的显示...

【专利技术属性】
技术研发人员：张锐，
申请(专利权)人：深圳市永兴元科技有限公司，
类型：发明
国别省市：广东;44