页面图片处理方法、装置、服务器及存储介质制造方法及图纸

技术编号:25087344 阅读:19 留言:0更新日期:2020-07-31 23:31
本申请实施例提供了一种页面图片处理方法、装置、服务器及存储介质,该方法可以包括:接收终端发送的针对目标页面的图片获取请求,所述图片获取请求携带所述目标页面的页面参数;根据所述目标页面的页面参数查询是否存在绘制出的所述目标页面的图片;当查询存在绘制出的所述目标页面的图片时,获取所述目标页面的图片,并将所述目标页面的图片发送至所述终端;当查询不存在绘制出的所述目标页面的图片时,调用浏览器渲染服务绘制所述目标页面的图片,并将所述目标页面的图片发送至所述终端。采用本申请,可以使得不同终端针对同一页面绘制出的图片的显示效果更加统一,提升了图片显示效果。

【技术实现步骤摘要】
页面图片处理方法、装置、服务器及存储介质
本申请涉及计算机
,尤其涉及一种页面图片处理方法、装置、服务器及存储介质。
技术介绍
随着互联网技术的快速蓬勃发展,目前互联网的终端形态非常丰富,包括传统的PC电脑端,移动浏览器H5端,原生app端以及最近兴起的小程序端。互联网终端产品形态多样,涉及到的浏览器内核和版本复杂多样,而且不同手机的显示屏分辨率也各不相同,多终端的兼容性问题一直是在终端行业需要解决的问题。目前,越来越多的互联网终端产品需要针对页面实时生成图片,以供用户下载或者转发分享使用。其中,大部分互联网终端产品采用canvas渲染技术对页面进行绘制。然而,不同终端因浏览器不同、显示器不同等原因,采用该渲染技术将使得不同终端对同一页面绘制出的图片的显示效果不统一,如图片的清晰度不同,进而导致图片显示效果较差。
技术实现思路
本申请实施例提供了一种页面图片处理方法、装置、服务器及存储介质,可以使得不同终端针对同一页面绘制出的图片的显示效果更加统一,提升图片显示效果。第一方面,本申请实施例提供了一种页面图片处理方法,包括:接收终端发送的针对目标页面的图片获取请求,所述图片获取请求携带所述目标页面的页面参数;根据所述目标页面的页面参数查询是否存在绘制出的所述目标页面的图片;当查询存在绘制出的所述目标页面的图片时,获取所述目标页面的图片,并将所述目标页面的图片发送至所述终端;当查询不存在绘制出的所述目标页面的图片时,调用浏览器渲染服务绘制所述目标页面的图片,并将所述目标页面的图片发送至所述终端。可选地,所述页面参数包括所述目标页面的链接地址,所述调用浏览器渲染服务绘制所述目标页面的图片,包括:调用浏览器渲染服务绘制所述目标页面的初始图片,并根据所述目标页面的链接地址生成所述目标页面的二维码图片;在所述初始图片中添加所述二维码图片,得到添加了所述二维码图片的所述初始图片;将所述添加了所述二维码图片的所述初始图片确定为所述目标页面的图片。可选地,所述调用浏览器渲染服务绘制所述目标页面的图片,包括:通过所述浏览器渲染服务调用图片渲染工具库,并根据所述图片渲染工具库绘制所述目标页面的图片。可选地,所述绘制所述目标页面的图片,包括:启动用于模拟浏览器行为的内核;通过所述内核创建页面缓存,访问所述目标页面的链接地址,并根据预设的页面属性加载所述目标页面;通过所述内核将所述目标页面存储到页面缓存中,并对所述页面缓存中的所述目标页面进行截图处理,得到所述目标页面的图片。可选地,所述当查询不存在绘制出的所述目标页面的图片时,调用浏览器渲染服务绘制所述目标页面的图片后,所述方法还包括:在本地存储所述目标页面的图片;或,将所述目标页面的图片发送至图片缓存服务器,以便所述图片缓存服务器存储所述目标页面的图片。可选地,所述方法还包括:获取页面图片查询记录,所述页面图片查询记录包括在预设时间范围内对多个页面中每个页面的图片的查询次数;根据所述页面查询记录,从所述图片中确定出查询次数小于预设阈值的页面的图片;删除所述查询次数小于预设阈值的页面的图片。可选地,所述图片获取请求是终端在检测到针对所述目标页面的图片获取触发事件后发送的;其中,所述图片获取触发事件可以为以下任一项:图片分享事件、图片另存为事件、页面链接地址提交事件。第二方面,本申请实施例提供了一种页面图片处理装置,包括:通信模块,用于接收终端发送的针对目标页面的图片获取请求,所述图片获取请求携带所述目标页面的页面参数;查询模块,用于根据所述目标页面的页面参数查询是否存在绘制出的所述目标页面的图片;获取模块,用于当所述查询模块查询存在绘制出的所述目标页面的图片时,获取所述目标页面的图片,并通过所述通信模块将所述目标页面的图片发送至所述终端;绘制模块,用于当所述查询模块查询不存在绘制出的所述目标页面的图片时,调用浏览器渲染服务绘制所述目标页面的图片,并通过所述通信模块将所述目标页面的图片发送至所述终端。第三方面,本申请实施例提供了一种服务器,包括处理器、输入设备、输出设备和存储器,所述处理器、所述输入设备、所述输出设备和所述存储器之间相互连接,其中,所述存储器用于存储计算机程序,所述计算机程序包括程序指令,所述处理器被配置用于调用所述程序指令,执行如第一方面所述的方法。第四方面,本申请实施例提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行以实现如第一方面所述的方法。综上所述,服务器可以接收终端发送的针对目标页面的图片获取请求,并根据图片获取请求携带的目标页面的页面参数查询是否存在绘制出的该目标页面的图片;服务器可以当查询存在绘制出的该目标页面的图片时,获取该目标页面的图片,并将该目标页面的图片发送至该终端;服务器可以当查询不存在绘制出的该目标页面的图片时,调用浏览器渲染服务绘制该目标页面的图片,并将该目标页面的图片发送至该终端,从而使得不同终端针对同一页面绘制出的图片的显示效果更加统一,提升了图片显示效果。附图说明为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1是本申请实施例提供的一种页面图片处理方法的流程示意图;图2是本申请实施例提供的另一种页面图片处理方法的流程示意图;图3是本申请实施例提供的一种页面图片处理系统的网络架构示意图;图4是本申请实施例提供的一种页面图片处理装置的结构示意图;图5是本专利技术实施例提供的一种服务器的结构示意图。具体实施方式下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行描述。请参阅图1,为本申请实施例提供的一种页面图片处理方法的流程示意图。该方法可以应用于服务器,该服务器可以为一个服务器或服务器集群。具体地,该方法可以包括以下步骤:S101、接收终端发送的针对目标页面的图片获取请求,所述图片获取请求携带所述目标页面的页面参数。本申请实施例中,终端可以向服务器发送针对目标页面的图片获取请求,服务器可以接收终端发送的针对目标页面的图片获取请求。其中,该页面参数至少可以包括该目标页面的链接地址。在一个实施例中,该图片获取请求可以是终端通过应用客户端发送的,该服务器可以为该应用客户端对应的服务器。其中,该应用客户端包括但不限于H5、小程序、APP应用。在一个实施例中,该图片获取请求是终端在检测到针对该目标页面的图片获取触发事件后发送的;其中,该图片获取触发事件可以为以下任一项:图片分享事件、图片另存为事件、页面链接地址提交事件。本文档来自技高网...

【技术保护点】
1.一种页面图片处理方法,其特征在于,包括:/n接收终端发送的针对目标页面的图片获取请求,所述图片获取请求携带所述目标页面的页面参数;/n根据所述目标页面的页面参数查询是否存在绘制出的所述目标页面的图片;/n当查询存在绘制出的所述目标页面的图片时,获取所述目标页面的图片,并将所述目标页面的图片发送至所述终端;/n当查询不存在绘制出的所述目标页面的图片时,调用浏览器渲染服务绘制所述目标页面的图片,并将所述目标页面的图片发送至所述终端。/n

【技术特征摘要】
1.一种页面图片处理方法,其特征在于,包括:
接收终端发送的针对目标页面的图片获取请求,所述图片获取请求携带所述目标页面的页面参数;
根据所述目标页面的页面参数查询是否存在绘制出的所述目标页面的图片;
当查询存在绘制出的所述目标页面的图片时,获取所述目标页面的图片,并将所述目标页面的图片发送至所述终端;
当查询不存在绘制出的所述目标页面的图片时,调用浏览器渲染服务绘制所述目标页面的图片,并将所述目标页面的图片发送至所述终端。


2.根据权利要求1所述的方法,其特征在于,所述页面参数包括所述目标页面的链接地址,所述调用浏览器渲染服务绘制所述目标页面的图片,包括:
调用浏览器渲染服务绘制所述目标页面的初始图片,并根据所述目标页面的链接地址生成所述目标页面的二维码图片;
在所述初始图片中添加所述二维码图片,得到添加了所述二维码图片的所述初始图片;
将所述添加了所述二维码图片的所述初始图片确定为所述目标页面的图片。


3.根据权利要求1所述的方法,其特征在于,所述调用浏览器渲染服务绘制所述目标页面的图片,包括:
通过所述浏览器渲染服务调用图片渲染工具库,并根据所述图片渲染工具库绘制所述目标页面的图片。


4.根据权利要求3所述的方法,其特征在于,所述绘制所述目标页面的图片,包括:
启动用于模拟浏览器行为的内核;
通过所述内核创建页面缓存,访问所述目标页面的链接地址,并根据预设的页面属性加载所述目标页面;
通过所述内核将所述目标页面存储到页面缓存中,并对所述页面缓存中的所述目标页面进行截图处理,得到所述目标页面的图片。


5.根据权利要求1所述的方法,其特征在于,所述当查询不存在绘制出的所述目标页面的图片时,调用浏览器渲染服务绘制所述目标页面的图片后,所述方法还包括:
在本地存储所述目标页面的图片;或,
将所述目标页面的...

【专利技术属性】
技术研发人员:秦鹏张瑜权佳成谭瑞陈旭阳
申请(专利权)人:平安国际智慧城市科技股份有限公司
类型:发明
国别省市:广东;44

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

1