CN104573023A - 一种网页图片检查方法、装置及计算设备 - Google Patents

Abstract

本发明公开了一种网页图片检查装置，驻留在计算设备中，所述计算设备包括浏览器，所述网页图片检查装置包括：控制模块，适于触发浏览器访问目标网页对应的URL地址，在浏览器对目标网页渲染完成后，获取在该目标网页中所加载的图片的图片列表，以及所述图片列表中每张图片的URL地址和显示尺寸；请求模块，适于对所述图片列表中每张图片的URL地址发起访问请求，并对访问请求对应的响应结果进行解析，以获取每张图片对应的原图的实际尺寸；分析模块，适于对于图片列表中的每张图片，通过比较该图片的显示尺寸和该图片对应的原图的实际尺寸，来确定原图的尺寸是否符合规范。本发明还公开了一种网页图片检查方法以及包括上述网页图片检查装置的计算设备。

Description

一种网页图片检查方法、装置及计算设备

技术领域

本发明涉及计算机和互联网领域，具体涉及一种网页图片检查方法、装置及计算设备。

背景技术

网站页面往往包含大量展示图片，网页图片的尺寸(图片的宽和高)和容量都有严格的规范限制。用户通过浏览器请求一个页面后，浏览器会获取页面中的图片链接，并从网站请求链接对应的图片后在页面中进行显示。通常在网页中对图片进行显示时，其显示尺寸可能是固定的，因此，浏览器会对接收到的图片进行缩放处理，但图片缩小的比例较大时，会导致图片变形，图片放大的比例较大时，会导致图片发虚。另外，图片的容量过大时，会导致页面加载速度变慢。

因此，需要对网页图片进行检查，以确定其是否符合规范。现有的一种网页图片检查方案是在浏览器中安装插件(例如HttpWatch)，人工操作HttpWatch进行页面内容分析，查看网页中每个图片的属性，例如显示尺寸，再与网站后端的原图的实际尺寸进行比较，以确定图片是否缩放过度；而且，还需要手动从网站后端查看原图的容量，以确定其容量是否过大。可见，根据现有的网页图片检查方案，人力成本消耗过大，且检查结果比较主观，不同的人可能得到不同的检查结果。

另外，使用HttpWatch工具进行页面内容分析时，不能自动触发页面上已有的JS(JavaScript)事件，例如懒加载(Load On Demand)事件(包括登录、页面下拉等)，造成网页中图片的漏检。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的网页图片检查方法、装置及计算设备。

根据本发明的一个方面，提供了一种网页图片检查装置，驻留在计算设备中，所述计算设备包括浏览器，所述网页图片检查装置包括：

控制模块，适于触发浏览器访问目标网页对应的URL地址，在浏览器对目标网页渲染完成后，获取在该目标网页中所加载的图片的图片列表，以及所述图片列表中每张图片的URL地址和显示尺寸；

请求模块，适于对所述图片列表中每张图片的URL地址发起访问请求，并对访问请求对应的响应结果进行解析，以获取每张图片对应的原图的实际尺寸；

分析模块，适于对于图片列表中的每张图片，通过比较该图片的显示尺寸和该图片对应的原图的实际尺寸，来确定原图的尺寸是否符合规范。

可选地，在根据本发明的网页图片检查装置中，所述控制模块还适于对浏览器中的目标网页进行各种操作，以使得该目标网页所包括的所有图片全部加载。

可选地，在根据本发明的网页图片检查装置中，所述分析模块通过计算图片的显示尺寸相对于该图片对应的原图的实际尺寸的缩放比例，并将该缩放比例与预设的允许缩放比例进行比较，来确定原图的尺寸是否符合规范。

可选地，在根据本发明的网页图片检查装置中，所述请求模块还适于对访问请求对应的响应结果进行解析后，获取每张图片对应的原图的容量；所述分析模块还适于通过比较图片对应的原图的容量与预设的允许容量，来确定原图的容量是否符合规范。

根据本发明的另一方面，提供了一种网页图片检查方法，在计算设备中执行，所述计算设备包括浏览器，所述网页图片检查方法包括：

触发浏览器访问目标网页对应的URL地址，在浏览器对目标网页渲染完成后，获取在该目标网页中所加载的图片的图片列表，以及所述图片列表中每张图片的URL地址和显示尺寸；

对所述图片列表中每张图片的URL地址发起访问请求，并对访问请求对应的响应结果进行解析，以获取每张图片对应的原图的实际尺寸；

对于图片列表中的每张图片，通过比较该图片的显示尺寸和该图片对应的原图的实际尺寸，来确定原图的尺寸是否符合规范。

可选地，根据本发明的网页图片检查方法，还包括：对浏览器中的目标网页进行各种操作，以使得该目标网页所包括的所有图片全部加载。

可选地，在根据本发明的网页图片检查方法中，所述通过比较该图片的显示尺寸和该图片对应的原图的实际尺寸，来确定原图的尺寸是否符合规范，包括：通过计算图片的显示尺寸相对于该图片对应的原图的实际尺寸的缩放比例，并将该缩放比例与预设的允许缩放比例进行比较，来确定原图的尺寸是否符合规范。

可选地，根据本发明的网页图片检查方法，还包括：对访问请求对应的响应结果进行解析后，获取每张图片对应的原图的容量；通过比较图片对应的原图的容量与预设的允许容量，来确定原图的容量是否符合规范

根据本发明的又一方面，提供了一种计算设备，该计算设备中驻留有根据本发明的网页图片检查装置。

根据本发明的网页图片检查方案，通过模拟浏览器访问网页和图片的操作，能够批量执行大量页面中图片规范性的检查，可以快速的对页面图片的尺寸、容量进行分析，极大的节省了人工操作的时间和成本。另外，还能够自动触发页面中的各种事件例如懒加载事件，使得页面中包含的所有图片加载完毕，从而能够对网站页面中的所有图片进行规范性检查，避免对网页图片的漏检。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了根据本发明一个实施例的网页图片检查装置的结构图；

图2示出了根据本发明一个实施例的网页图片检查方法的流程图；以及

图3是布置为实现根据本发明的网页图片检查方法的示例计算设备的框图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

图1示出了根据本发明一个实施例的网页图片检查装置110的结构图。参照图1，网页图片检查装置110驻留在计算设备100中，计算设备100通常运行现代的操作系统，利用操作系统来管理计算设备100中的硬件资源，网页图片检查装置110可以是运行在操作系统之上的一个应用(App)。操作系统上通常运行有浏览器120，用于呈现从服务器200获取的网页以及网页相关文件(例如网页中引用的图片、音频和视频等)。网页图片检查装置110能够对网页中的图片进行检查，判断网页中的图片是否符合规范，例如，图片的尺寸是否符合规范以及图片的容量是否符合规范。

继续参照图1，网页图片检查装置110包括控制模块112、请求模块114和分析模块116。当需要对目标网页中的图片进行规范性检查时，控制模块112触发计算设备100中的浏览器120访问目标网页对应的URL地址，浏览器120可以通过Http协议向该URL地址发起请求，以从服务器200获取目标网页的源文件例如html文件，然后对目标网页进行渲染。浏览器120对目标网页渲染完成后，控制模块112获取在该目标网页中所加载的图片的图片列表，以及所述图片列表中每张图片的属性信息，例如每张图片的URL地址和显示尺寸。

在一种实现方式中，控制模块112使用Python的WebDriver模块来启动一个浏览器(例如Chrome浏览器)对目标网页进行访问。Python是一种解释型、面向对象、动态数据类型的高级程序设计语言，被广泛应用于处理系统管理任务和Web编程。Python语法简洁而清晰，具有丰富和强大的类库，常被昵称为胶水语言，能够把用其他语言制作的各种模块很轻松地联结在一起。

控制模块112还可以使用WebDriver模块来对浏览器120中的目标网页进行各种操作，以使得该目标网页所包括的所有图片全部加载。例如，使用WebDriver模块自动触发页面上已有的JS(JavaScript)事件，页面的JS事件可以包括懒加载(Load On Demand)事件(包括登录、页面下拉等)。其中，懒加载是一种独特而又强大的数据获取方法，它能够在用户滚动页面的时候自动获取更多的数据，而新得到的数据不会影响原有数据的显示，同时最大程度上减少服务器端的资源耗用。例如页面往下滚动时，即时加载滚动的页面，而不是第一时间全部加载完成。

目标网页中的所有图片加载完成后，控制模块112可以使用Python调度HttpWatch的API接口进行操作，以获取目标网页所加载的图片列表，并对图片列表中的图片进行分析，获取各图片的显示尺寸以及URL地址信息。

实现控制模块112的示例代码如下：

另外，控制模块112还可以对多个需要进行图片检查的目标网页进行批量处理。例如，首先获取多个目标网页对应的URL地址列表，然后，依次发起对URL地址列表中的各URL地址的访问，获取多个目标网页包括的所有图片的属性信息，后续，请求模块114可以对所有图片发起请求，分析模块116可以对所有图片进行批量分析和规范性检查。

控制模块112获取到目标网页中所加载的图片的图片列表以及图片列表中每张图片的属性信息之后，通知请求模块114对所述图片列表中每张图片的URL地址发起访问请求。在得到服务器200的响应后，请求模块114对访问请求对应的响应结果进行解析，以获取每张图片对应的原图的属性信息，例如原图的实际尺寸和容量。

请求模块114可以使用Python中的Request模块或者Java的HttpClient模块来对图片列表中每张图片的URL进行遍历访问，从而获取原图的属性信息。采用Python中的Request模块时，实现控制模块114的示例代码如下：

请求模块114获取到原图的属性信息后，通知分析模块116对网页中显示的图片与原图进行比较，来确定图片是否符合规范。分析模块116可以对图片列表中的每张图片，通过比较该图片的显示尺寸和该图片对应的原图的实际尺寸，来确定原图的尺寸是否符合规范。具体地，分析模块116可以通过计算图片的显示尺寸相对于该图片对应的原图的实际尺寸的缩放比例，并将该缩放比例与预设的允许缩放比例进行比较，来确定原图的尺寸是否符合规范。另外，分析模块116还可以通过比较图片对应的原图的容量与预设的允许容量，来确定原图的容量是否符合规范。

图2示出了根据本发明一个实施例的网页图片检查方法的流程图，该网页图片检查方法在计算设备中执行，所述计算设备包括浏览器，所述浏览器能够呈现从服务器获取的网页以及网页相关文件(例如网页中引用的图片、音频和视频等)。

参照图2，该网页图片检查方法开始于步骤S202，在步骤S202中，当需要对目标网页中的图片进行规范性检查时，触发浏览器访问目标网页对应的URL地址，在浏览器对目标网页渲染完成后，获取在该目标网页中所加载的图片的图片列表，以及所述图片列表中每张图片的属性信息，例如URL地址和显示尺寸。

可以使用Python的WebDriver模块来启动一个浏览器(例如Chrome浏览器)对目标网页进行访问。另外，还可以使用WebDriver模块来对浏览器中的目标网页进行各种操作，以使得该目标网页所包括的所有图片全部加载。例如，使用WebDriver模块自动触发页面上已有的JS事件，页面的JS事件可以包括懒加载事件(包括登录、页面下拉等)。

目标网页中的所有图片加载完成后，可以使用Python调度HttpWatch的API接口进行操作，以获取目标网页所加载的图片列表，并对图片列表中的图片进行分析，获取各图片的显示尺寸以及URL地址信息。

在步骤S202中获取到目标网页中所加载的图片的图片列表以及图片列表中每张图片的属性信息之后，方法进入步骤S204。在步骤S204中，对所述图片列表中每张图片的URL地址发起访问请求，并对访问请求对应的响应结果进行解析，以获取每张图片对应的原图的属性信息，例如原图的实际尺寸和容量。

可以使用Python中的Request模块或者Java的HttpClient模块来对图片列表中每张图片的URL进行遍历访问，从而获取原图的属性信息。

在步骤S202中获取到原图的属性信息之后，方法进入步骤S206。在步骤S206中，对于图片列表中的每张图片，通过比较该图片的显示尺寸和该图片对应的原图的实际尺寸，来确定原图的尺寸是否符合规范。具体地，可以通过计算图片的显示尺寸相对于该图片对应的原图的实际尺寸的缩放比例，并将该缩放比例与预设的允许缩放比例进行比较，来确定原图的尺寸是否符合规范。另外，还可以过比较图片对应的原图的容量与预设的允许容量，来确定原图的容量是否符合规范。

根据本发明的网页图片检查方案，通过模拟浏览器访问网页和图片的操作，能够批量执行大量页面中图片规范性的检查，可以快速的对页面图片的尺寸、容量进行分析，极大的节省了人工操作的时间和成本。另外，还能够自动触发页面中的各种事件例如懒加载事件，使得页面中包含的所有图片加载完毕，从而能够对网站页面中的所有图片进行规范性检查，避免对网页图片的漏检。

图3是布置为实现根据本发明网页图片检查方法的示例计算设备900的框图。

在基本的配置902中，计算设备900典型地包括系统存储器906和一个或者多个处理器904。存储器总线908可以用于在处理器904和系统存储器906之间的通信。

取决于期望的配置，处理器904可以是任何类型的处理，包括但不限于：微处理器(μP)、微控制器(μC)、数字信息处理器(DSP)或者它们的任何组合。处理器904可以包括诸如一级高速缓存910和二级高速缓存912之类的一个或者多个级别的高速缓存、处理器核心914和寄存器916。示例的处理器核心914可以包括运算逻辑单元(ALU)、浮点数单元(FPU)、数字信号处理核心(DSP核心)或者它们的任何组合。示例的存储器控制器918可以与处理器904一起使用，或者在一些实现中，存储器控制器918可以是处理器904的一个内部部分。

取决于期望的配置，系统存储器906可以是任意类型的存储器，包括但不限于：易失性存储器(诸如RAM)、非易失性存储器(诸如ROM、闪存等)或者它们的任何组合。系统存储器906可以包括操作系统920、一个或者多个应用922以及程序数据924。应用922可以包括被配置为实现网页图片检查方法的网页图片检查装置926。程序数据924可以包括可用于如此处所述的图片属性928。在一些实施方式中，应用922可以布置为在操作系统上利用程序数据924进行操作。

计算设备900还可以包括有助于从各种接口设备(例如，输出设备942、外设接口944和通信设备946)到基本配置902经由总线/接口控制器930的通信的接口总线940。示例的输出设备942包括图形处理单元948和音频处理单元950。它们可以被配置为有助于经由一个或者多个A/V端口952与诸如显示器或者扬声器之类的各种外部设备进行通信。示例外设接口944可以包括串行接口控制器954和并行接口控制器956，它们可以被配置为有助于经由一个或者多个I/O端口958和诸如输入设备(例如，键盘、鼠标、笔、语音输入设备、触摸输入设备)或者其他外设(例如打印机、扫描仪等)之类的外部设备进行通信。示例的通信设备946可以包括网络控制器960，其可以被布置为便于经由一个或者多个通信端口964与一个或者多个其他计算设备962通过网络通信链路的通信。

网络通信链路可以是通信介质的一个示例。通信介质通常可以体现为在诸如载波或者其他传输机制之类的调制数据信号中的计算机可读指令、数据结构、程序模块，并且可以包括任何信息递送介质。“调制数据信号”可以这样的信号，它的数据集中的一个或者多个或者它的改变可以在信号中编码信息的方式进行。作为非限制性的示例，通信介质可以包括诸如有线网络或者专线网络之类的有线介质，以及诸如声音、射频(RF)、微波、红外(IR)或者其它无线介质在内的各种无线介质。这里使用的术语计算机可读介质可以包括存储介质和通信介质二者。

计算设备900可以实现为小尺寸便携(或者移动)电子设备的一部分，这些电子设备可以是诸如蜂窝电话、个人数字助理(PDA)、个人媒体播放器设备、无线网络浏览设备、个人头戴设备、应用专用设备、或者可以包括上面任何功能的混合设备。计算设备900还可以实现为包括桌面计算机和笔记本计算机配置的个人计算机。

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的网页图片检查装置中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

Claims (9)

1.一种网页图片检查装置，驻留在计算设备中，所述计算设备包括浏览器，所述网页图片检查装置包括：

控制模块，适于触发浏览器访问目标网页对应的URL地址，在浏览器对目标网页渲染完成后，获取在该目标网页中所加载的图片的图片列表，以及所述图片列表中每张图片的URL地址和显示尺寸；

请求模块，适于对所述图片列表中每张图片的URL地址发起访问请求，并对访问请求对应的响应结果进行解析，以获取每张图片对应的原图的实际尺寸；以及

分析模块，适于对于图片列表中的每张图片，通过比较该图片的显示尺寸和该图片对应的原图的实际尺寸，来确定原图的尺寸是否符合规范。

2.如权利要求1所述的网页图片检查装置，其中，所述控制模块还适于对浏览器中的目标网页进行各种操作，以使得该目标网页所包括的所有图片全部加载。

3.如权利要求1或2所述的网页图片检查装置，其中，所述分析模块通过计算图片的显示尺寸相对于该图片对应的原图的实际尺寸的缩放比例，并将该缩放比例与预设的允许缩放比例进行比较，来确定原图的尺寸是否符合规范。

4.如权利要求3所述的网页图片检查装置，其中，所述请求模块还适于对访问请求对应的响应结果进行解析后，获取每张图片对应的原图的容量；

所述分析模块还适于通过比较图片对应的原图的容量与预设的允许容量，来确定原图的容量是否符合规范。

5.一种网页图片检查方法，在计算设备中执行，所述计算设备包括浏览器，所述网页图片检查方法包括：

触发浏览器访问目标网页对应的URL地址，在浏览器对目标网页渲染完成后，获取在该目标网页中所加载的图片的图片列表，以及所述图片列表中每张图片的URL地址和显示尺寸；

对所述图片列表中每张图片的URL地址发起访问请求，并对访问请求对应的响应结果进行解析，以获取每张图片对应的原图的实际尺寸；以及

对于图片列表中的每张图片，通过比较该图片的显示尺寸和该图片对应的原图的实际尺寸，来确定原图的尺寸是否符合规范。

6.如权利要求5所述的网页图片检查方法，还包括：对浏览器中的目标网页进行各种操作，以使得该目标网页所包括的所有图片全部加载。

7.如权利要求5或6所述的网页图片检查方法，其中，所述通过比较该图片的显示尺寸和该图片对应的原图的实际尺寸，来确定原图的尺寸是否符合规范，包括：通过计算图片的显示尺寸相对于该图片对应的原图的实际尺寸的缩放比例，并将该缩放比例与预设的允许缩放比例进行比较，来确定原图的尺寸是否符合规范。

8.如权利要求7所述的网页图片检查方法，还包括：对访问请求对应的响应结果进行解析后，获取每张图片对应的原图的容量；

通过比较图片对应的原图的容量与预设的允许容量，来确定原图的容量是否符合规范。

9.一种计算设备，包括浏览器以及如权利要求1～4中任一项所述的网页图片检查装置。