一种网页图片尺寸自动检查方法及系统的制作方法
【技术领域】
[0001]本发明涉及信息通信领域，尤其涉及一种网页图片尺寸自动检查方法及系统。
【背景技术】
[0002]在打开任何一个网页时，都会加载多张图片，而现有网页在显示图片时，是将所述图片按照预先设定的尺寸显示给浏览者，而这种方法存在以下不足:当图片的实际尺寸大于预先设定尺寸时，网页加载速度变慢；当图片的实际尺寸小于预先设定尺寸时，图片按照预先设定尺寸显示会出现图片变形或图片模糊不清的问题。上述两种问题导致网页浏览效果差，浏览者体验效果差。
【发明内容】
[0003]本发明的目的在于提供一种网页图片尺寸自动检查方法及系统，从而解决现有技术中存在的前述问题。
[0004]为了实现上述目的，本发明所述网页图片尺寸自动检查方法，采用的技术方案如下:
[0005]安装网页插件，在本地磁盘上配置网页插件的缓存空间；
[0006]当用户通过浏览器访问网页时，浏览器获取用户访问的网页资源并调用网页插件；
[0007]网页插件检索网页资源中的所有图片，并自动搜索、统计并存储与预先设定的尺寸不同的图片；
[0008]网页插件将统计并存储的与预先设定尺寸不同的图片显示给用户。
[0009]优选地，所述缓存空间用于存储与预先设定的尺寸不同的图片。
[0010]优选地，所述网页插件检索网页资源中的所有图片，并自动搜索、统计并存储与预先设定的尺寸不同的图片，按照下述方法实现:
[0011]SI，网页插件检索网页资源中的所有图片，并将所有图片排序；
[0012]S2，按图片排序，顺序判断图片实际尺寸是否与预先设定的尺寸相同；
[0013]如果相同，则忽略被判断的图片，进入S3 ；
[0014]如果不相同，则标记被判断的图片，进入S3 ；
[0015]S3，重复S2直至所有被排序图片均被对比完为止，统计并记录被标记图片的数量;
[0016]S4，判断所述被标记图片是否发生懒加载:
[0017]如果没有发生懒加载，则直接标记成问题图片并存储，并进入S6 ;
[0018]如果发生懒加载，则进入S5 ；
[0019]S5，判断发生过懒加载的标记图片尺寸与预先设定的尺寸是否相同；
[0020]如果相同，则忽略；
[0021]如果不相同，标记成问题图片并存储，并进入S6 ；
[0022]S6，统计存储的问题图片数量，显示在网页插件的相应界面上。
[0023]更优选地，步骤S2具体按照下述实现:
[0024]按图片排序，将所有图片的尺寸W2 X H2依次与预先设定的尺寸Wl X Hl进行对比，并判断W2与Wl、H2与Hl的大小关系:
[0025]如果W2等于Wl且H2等于Hl，则忽略被判断的图片；
[0026]如果W2不等于Wl和/或H2不等于Hl，则标记被判断的图片。
[0027]其中，所述Wl表示预先设定的尺寸中的宽度，所述Hl表示预先设定的尺寸中的高度；所述W2表示网页资源中显示的实际图片尺寸中的宽度，所述H2表示网页资源中显示的实际图片尺寸中的高度。
[0028]更优选地，步骤S5具体按照下述实现:
[0029]判断发生过懒加载的被标记图片的W2与Wl、H2与Hl的大小关系；
[0030]如果W2等于Wl且H2等于Hl，则忽略；
[0031]如果W2不等于Wl和/或H2不等于Hl，则将发生过懒加载的被标记图片标记为问题图片并存储。
[0032]本发明所述网页图片尺寸自动检查系统，该系统包括:
[0033]浏览器:用于获取并展示用户访问的网页资源；
[0034]网页插件:安转在浏览器中，用户检索、存储并统计当前网页中存在的与预先设定的尺寸不同的问题图片，同时，负责将问题图片展示给用户。
[0035]优选地，所述网页插件包括:
[0036]检索排序模块:负责检索网页资源中的所有图片，并将所有图片排序；
[0037]第一判断标记模块:用于判断所述检索排序模块中，排序后的图片实际尺寸是否与预先设定的尺寸相同，标记尺寸不相同的图片；
[0038]懒加载判断模块:判断标记图片是否发生懒加载，并将发生过懒加载的标记图片发送给第二判断标记模块，将没有发生过懒加载的图片标记为问题图片；
[0039]第二判断标记模块:用于判断发生过懒加载的图片实际尺寸是否与预先设定的尺寸相同，标记尺寸不相同的图片为问题图片；
[0040]存储统计模块:用于存储并统计问题图片；
[0041]展示模块:显示问题图片及其数量。
[0042]本发明的有益效果是:
[0043]本发明可以帮助相关人员在浏览网页时发现并找到网页中存在尺寸问题的图片，不必逐个检查图片尺寸，节省相关人员检索问题图片的时间，提高工作效率。
【附图说明】
[0044]图1是实施例中所述网页图片尺寸自动检查方法的流程示意图；
[0045]图2是实施例中网页插件检索网页资源中的所有图片，并自动搜索、统计并存储与预先设定尺寸不同的图片的流程示意图；
[0046]图3是实施例中网页图片尺寸自动检查系统的结构示意图。
【具体实施方式】
[0047]为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图，对本发明进行进一步详细说明。应当理解，此处所描述的【具体实施方式】仅仅用以解释本发明，并不用于限定本发明。
[0048]实施例1
[0049]参照图1和图2，本实施例中所述网页图片尺寸自动检查方法，包括:
[0050]安装网页插件，在本地磁盘上配置网页插件的缓存空间；
[0051]当用户通过浏览器访问网页时，浏览器获取用户访问的网页资源并调用网页插件；
[0052]网页插件检索网页资源中的所有图片，并自动搜索、统计并存储与预先设定的尺寸不同的图片；
[0053]网页插件将统计并存储的与预先设定尺寸不同的图片显示给用户。
[0054]在本实施例中，所述缓存空间用于存储与预先设定的尺寸不同的图片，所述预先设定的尺寸是指在后台预先设定的显示给浏览者的图片的尺寸。
[0055]在本实施例中，所述网页插件检索网页资源中的所有图片，并自动搜索、统计并存储与预先设定的尺寸不同的图片，按照下述方法实现:
[0056]SI，网页插件检索网页资源中的所有图片，并将所有图片排序；
[0057]S2，按图片排序，顺序判断图片实际尺寸是否与预先设定的尺寸相同；
[0058]如果相同，则忽略被判断的图片，进入S3 ；
[0059]如果不相同，则标记被判断的图片，进入S3 ；
[0060]S3，重复S2直至所有被排序图片均被对比完为止，统计并记录被标记图片的数量;
[0061]S4，判断所述被标记图片是否发生懒加载:
[0062]如果没有发生懒加载，则直接标记成问题图片并存储，并进入S6 ;
[0063]如果发生懒加载，则进入S5 ；
[0064]S5，判断发生过懒加载的标记图片尺寸与预先设定的尺寸是否相同；
[0065]如果相同，则忽略；
[0066]如果不相同，标记成问题图片并存储，并进入S6