一种加载网页图片的统计方法、装置及移动终端制造方法及图纸

技术编号:15982411 阅读:15 留言:0更新日期:2017-08-12 05:34
本发明专利技术实施例提供一种加载网页图片的统计方法、装置及移动终端,涉及计算机应用技术领域。其中,该方法包括:确定网页中进入可视区域内的图片加载区域;在所述网页中加载进入所述可视区域内的图片加载区域对应的真实图片;向服务器发送对所述真实图片的浏览统计请求。本发明专利技术实施例提供的技术方案能够实现对网页中加载出的图片的浏览统计,进而为产品推广提供依据。

【技术实现步骤摘要】
一种加载网页图片的统计方法、装置及移动终端
本专利技术实施例涉及互联网
,尤其涉及一种加载网页图片的统计方法、装置及移动终端。
技术介绍
随着移动终端的广泛应用,使用移动终端浏览网页也越来越方便。网页中的图片也是人们获得信息的一种方法,特别是用于展示特定产品的图片。例如,电商网站上,在打开某一产品图片对应的产品网页时,才会对产品网页进行浏览统计。如果没有打开产品网页,则不会对网页上展示的产品图片进行统计。当产品图片在网页上加载出后,访问者能够了解到产品信息,从而反映访问者对加载出的产品图片的兴趣。所以,目前亟需一种对网页中加载出的图片进行浏览统计的方法,以准确统计访问者对图片的浏览次数,进而对产品推广提供依据。
技术实现思路
本专利技术实施例提供一种加载网页图片的统计方法、装置及移动终端,用以实现对网页中加载出的图片进行浏览统计。第一方面,本专利技术实施例中提供了一种加载网页图片的统计方法,包括:确定网页中进入可视区域内的图片加载区域;在所述网页中加载进入所述可视区域内的图片加载区域对应的真实图片;向服务器发送对所述真实图片的浏览统计请求。第二方面,本专利技术实施例提供了一种加载网页图片的统计装置,包括:确定模块,用于确定网页中进入可视区域内的图片加载区域;加载模块,用于在所述网页中加载进入所述可视区域内的图片加载区域对应的真实图片;发送模块,用于向服务器发送对所述真实图片的浏览统计请求。第三方面,本专利技术实施例提供了一种移动终端,包括存储器和和处理器;其中,所述存储器用于存储一条或多条计算机指令,其中,所述一条或多条计算机指令供所述处理器调用执行;所述处理器用于:确定网页中进入可视区域内的图片加载区域;在所述网页中加载进入所述可视区域内的图片加载区域对应的真实图片;向服务器发送对所述真实图片的浏览统计请求。本专利技术实施例提供了一种加载网页图片的统计方法,包括确定网页中进入可视区域内的图片加载区域,在所述网页中加载进入所述可视区域内的图片加载区域对应的真实图片,最后向服务器发送对所述真实图片的浏览统计请求,从而实现了对网页中加载出的图片的浏览统计,进而为产品推广提供依据。本专利技术的这些方面或其他方面在以下实施例的描述中会更加简明易懂。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1示出了本专利技术实施例提供的一种加载网页图片的统计方法的流程图;图2示出了本专利技术实施例提供的另一种加载网页图片的统计方法的流程图;图3示出了本专利技术实施例提供的一种加载网页图片的统计装置的框图;图4示出了本专利技术实施例提供的另一种加载网页图片的统计装置的框图;图5示出了本专利技术实施例提供的一种移动终端的框图。具体实施方式为了使本
的人员更好地理解本专利技术方案,下面将结合本专利技术实施例中的附图,对本专利技术实施例中的技术方案进行清楚、完整地描述。在本专利技术的说明书和权利要求书及上述附图中的描述的一些流程中,包含了按照特定顺序出现的多个操作,但是应该清楚了解,这些操作可以不按照其在本文中出现的顺序来执行或并行执行,操作的序号如101、102等,仅仅是用于区分开各个不同的操作,序号本身不代表任何的执行顺序。另外,这些流程可以包括更多或更少的操作,并且这些操作可以按顺序执行或并行执行。需要说明的是,本文中的“第一”、“第二”等描述,是用于区分不同的消息、设备、模块等,不代表先后顺序,也不限定“第一”和“第二”是不同的类型。下面将结合本专利技术实施例中的附图,对本专利技术实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本专利技术一部分实施例,而不是全部的实施例。基于本专利技术中的实施例,本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本专利技术保护的范围。参照图1,示出了本专利技术实施例提供的一种加载网页图片的统计方法的流程图,该方法具体可以包括如下步骤:步骤101,确定网页中进入可视区域内的图片加载区域。在具体实现中可以通过计算图片加载区域的尺寸大小、滚动条滚动距离、和图片加载区域距离文档边缘的距离,获取图片加载区域与可视区域的位置关系。其中图片加载区域的尺寸大小可以为待加载的图片的尺寸大小。该可视区域可以为移动终端上显示屏对应的可视区域。在具体实现中,网页中的图片可以利用图片标签进行定义,在打开网页后可以先根据图片标签属性中的src值,在图片加载区域内加载小体积图片或其他默认的背景图片。该小体积图片可以是真实图片的缩小版,其尺寸小于真实图片的尺寸。该真实图片是图片加载区域内最终显示的图片。在浏览网页的过程中,发生touchmove事件时,即在手指连续滑动触屏的过程中,对网页中所有的未加载出真实图片的图片加载区域进行持续监听,以确定进入可视区域内的图片加载区域。当发生touchend事件,即手指离开触屏时,对图片加载区域的监听结束。对于首屏页面,由于没有发生touchmove事件,所以在打开网页后便会主动触发一次监听,从而判断位于首屏内的图片加载区域。步骤102,在所述网页中加载进入所述可视区域内的图片加载区域对应的真实图片。在具体实现中,当监听到某一图片加载区域进入可视区域内时,将该图片加载区域对应的图片标签中的scr值替换为真实源date-original的值,从而加载真实源中的真实图片。在显示图片的过程中,可以通过回调函数,调取控制图片显示效果的指令,以使根据预设的图片显示效果加载出图片加载区域内的真实图片,提高了视觉美感。图片显示效果可以是由左至右、水平百叶窗等方式出现的显示效果。当图片加载区域加载出真实图片后,则不再对该图片加载区域进行监听。本专利技术实施例的网页图片加载,先加载可视区域内的图片,未进入可视区域内的图片不进行加载,所以能够节约网络带宽和提高初次加载的速度。步骤103,向服务器发送对所述真实图片的浏览统计请求。本专利技术实施例提供了一种加载网页图片的统计方法,包括确定网页中进入可视区域内的图片加载区域,在所述网页中加载进入所述可视区域内的图片加载区域对应的真实图片,最后向服务器发送对所述真实图片的浏览统计请求,从而实现了对网页中加载出的图片的浏览统计,进而为产品推广提供依据。请参见图2所示,图2所示的为本专利技术实施例提供的另一种加载网页图片的统计方法的流程图。图2所示的实施例为基于图1中步骤103细化的实施例,所以与图1相同的内容可参见图1所示的实施例。图2所示方法可以包括以下步骤:步骤201,收集加载出的所述真实图片的标识。在确定进入可视区域内的图片加载区域后,可以通过回调函数,调取收集指令,收集加载出的真实图片的标识。本专利技术实施例可以将真实图片的标识保存到全局数组中,从而实现对全局数组中的标识的统一处理。步骤202,响应于检测到所述网页停止滑动,向所述服务器发送包括所述标识的浏览统计请求。服务器能够根据真实图片的标识,对相应的真实图片进行浏览统计,得到加载出的真实图被浏览的次数,从而可以为产品推广提供依据。本专利技术实施例在检测到网页停止滑动时,才发送浏览统计请求,从而对上次网页停止滑动后到这次网页停止滑动之本文档来自技高网
...
一种加载网页图片的统计方法、装置及移动终端

【技术保护点】
一种加载网页图片的统计方法,其特征在于,包括:确定网页中进入可视区域内的图片加载区域;在所述网页中加载进入所述可视区域内的图片加载区域对应的真实图片;向服务器发送对所述真实图片的浏览统计请求。

【技术特征摘要】
1.一种加载网页图片的统计方法,其特征在于,包括:确定网页中进入可视区域内的图片加载区域;在所述网页中加载进入所述可视区域内的图片加载区域对应的真实图片;向服务器发送对所述真实图片的浏览统计请求。2.根据权利要求1所述的方法,其特征在于,在所述网页中加载进入所述可视区域内的图片加载区域对应的真实图片的步骤,包括:根据预设的图片显示效果,在所述网页中加载出进入所述可视区域内的图片加载区域对应的真实图片。3.根据权利要求1所述的方法,其特征在于,向服务器发送对所述真实图片的浏览统计请求的步骤,包括:收集加载出的所述真实图片的标识;响应于检测到所述网页停止滑动,向所述服务器发送包括所述标识的浏览统计请求。4.根据权利要求3所述的方法,其特征在于,所述响应于检测到所述网页停止滑动,向所述服务器发送包括所述标识的浏览统计请求的步骤,包括:响应于检测到触摸结束信号预设时间后,且在所述预设时间内未检测到连续触摸信号,向所述服务器发送包括所述标识的浏览统计请求。5.根据权利要求3所述的方法,其特征在于,响应于检测到所述网页停止滑动,向所述服务器发送包括所述标识的浏览统计请求的步骤之后,包括:从收集的所述标识中移除已经包括在所述浏览统计请求中的标识。6.一种...

【专利技术属性】
技术研发人员:李利德徐铭杰王伟
申请(专利权)人:北京小度信息科技有限公司
类型:发明
国别省市:北京,11

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

1