CN104750863B - 一种网页图片尺寸自动检查方法及系统 - Google Patents
一种网页图片尺寸自动检查方法及系统 Download PDFInfo
- Publication number
- CN104750863B CN104750863B CN201510181471.1A CN201510181471A CN104750863B CN 104750863 B CN104750863 B CN 104750863B CN 201510181471 A CN201510181471 A CN 201510181471A CN 104750863 B CN104750863 B CN 104750863B
- Authority
- CN
- China
- Prior art keywords
- picture
- size
- web page
- webpage
- advance
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种网页图片尺寸自动检查方法及系统，涉及信息通信领域。方法包括：安装网页插件，在本地磁盘上配置网页插件的缓存空间；当用户通过浏览器访问网页时，浏览器获取用户访问的网页资源并调用网页插件；网页插件检索网页资源中的所有图片，并自动搜索、统计并存储与预先设定的尺寸不同的图片；网页插件将统计并存储的与预先设定尺寸不同的图片显示给用户。系统包括：浏览器和网页插件；所述网页插件包括：检索排序模块、第一判断标记模块、懒加载判断模块、第二判断标记模块、存储统计模块和展示模块。本发明实现了自动查找被浏览网页中存在尺寸问题的图片，是工作人员不必逐个检查图片尺寸，节省检索问题图片时间、提高工作效率。
Description
技术领域
本发明涉及信息通信领域，尤其涉及一种网页图片尺寸自动检查方法及系统。
背景技术
在打开任何一个网页时，都会加载多张图片，而现有网页在显示图片时，是将所述图片按照预先设定的尺寸显示给浏览者，而这种方法存在以下不足：当图片的实际尺寸大于预先设定尺寸时，网页加载速度变慢；当图片的实际尺寸小于预先设定尺寸时，图片按照预先设定尺寸显示会出现图片变形或图片模糊不清的问题。上述两种问题导致网页浏览效果差，浏览者体验效果差。
发明内容
本发明的目的在于提供一种网页图片尺寸自动检查方法及系统，从而解决现有技术中存在的前述问题。
为了实现上述目的，本发明所述网页图片尺寸自动检查方法，采用的技术方案如下：
安装网页插件，在本地磁盘上配置网页插件的缓存空间；
当用户通过浏览器访问网页时，浏览器获取用户访问的网页资源并调用网页插件；
网页插件检索网页资源中的所有图片，并自动搜索、统计并存储与预先设定的尺寸不同的图片；
网页插件将统计并存储的与预先设定尺寸不同的图片显示给用户。
优选地，所述缓存空间用于存储与预先设定的尺寸不同的图片。
优选地，所述网页插件检索网页资源中的所有图片，并自动搜索、统计并存储与预先设定的尺寸不同的图片，按照下述方法实现：
S1，网页插件检索网页资源中的所有图片，并将所有图片排序；
S2，按图片排序，顺序判断图片实际尺寸是否与预先设定的尺寸相同；
如果相同，则忽略被判断的图片，进入S3；
如果不相同，则标记被判断的图片，进入S3；
S3，重复S2直至所有被排序图片均被对比完为止，统计并记录被标记图片的数量；
S4，判断所述被标记图片是否发生懒加载：
如果没有发生懒加载，则直接标记成问题图片并存储，并进入S6；
如果发生懒加载，则进入S5；
S5，判断发生过懒加载的标记图片尺寸与预先设定的尺寸是否相同；
如果相同，则忽略；
如果不相同，标记成问题图片并存储，并进入S6；
S6，统计存储的问题图片数量，显示在网页插件的相应界面上。
更优选地，步骤S2具体按照下述实现：
按图片排序，将所有图片的尺寸W2×H2依次与预先设定的尺寸W1×H1进行对比，并判断W2与W1、H2与H1的大小关系：
如果W2等于W1且H2等于H1，则忽略被判断的图片；
如果W2不等于W1和/或H2不等于H1，则标记被判断的图片。
其中，所述W1表示预先设定的尺寸中的宽度，所述H1表示预先设定的尺寸中的高度；所述W2表示网页资源中显示的实际图片尺寸中的宽度，所述H2表示网页资源中显示的实际图片尺寸中的高度。
更优选地，步骤S5具体按照下述实现：
判断发生过懒加载的被标记图片的W2与W1、H2与H1的大小关系；
如果W2等于W1且H2等于H1，则忽略；
如果W2不等于W1和/或H2不等于H1，则将发生过懒加载的被标记图片标记为问题图片并存储。
本发明所述网页图片尺寸自动检查系统，该系统包括：
浏览器：用于获取并展示用户访问的网页资源；
网页插件：安装在浏览器中，用户检索、存储并统计当前网页中存在的与预先设定的尺寸不同的问题图片，同时，负责将问题图片展示给用户。
优选地，所述网页插件包括：
检索排序模块：负责检索网页资源中的所有图片，并将所有图片排序；
第一判断标记模块：用于判断所述检索排序模块中，排序后的图片实际尺寸是否与预先设定的尺寸相同，标记尺寸不相同的图片；
懒加载判断模块：判断标记图片是否发生懒加载，并将发生过懒加载的标记图片发送给第二判断标记模块，将没有发生过懒加载的图片标记为问题图片；
第二判断标记模块：用于判断发生过懒加载的图片实际尺寸是否与预先设定的尺寸相同，标记尺寸不相同的图片为问题图片；
存储统计模块：用于存储并统计问题图片；
展示模块：显示问题图片及其数量。
本发明的有益效果是：
本发明可以帮助相关人员在浏览网页时发现并找到网页中存在尺寸问题的图片，不必逐个检查图片尺寸，节省相关人员检索问题图片的时间，提高工作效率。
附图说明
图1是实施例中所述网页图片尺寸自动检查方法的流程示意图；
图2是实施例中网页插件检索网页资源中的所有图片，并自动搜索、统计并存储与预先设定尺寸不同的图片的流程示意图；
图3是实施例中网页图片尺寸自动检查系统的结构示意图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施方式仅仅用以解释本发明，并不用于限定本发明。
实施例1
参照图1和图2，本实施例中所述网页图片尺寸自动检查方法，包括：
安装网页插件，在本地磁盘上配置网页插件的缓存空间；
当用户通过浏览器访问网页时，浏览器获取用户访问的网页资源并调用网页插件；
网页插件检索网页资源中的所有图片，并自动搜索、统计并存储与预先设定的尺寸不同的图片；
网页插件将统计并存储的与预先设定尺寸不同的图片显示给用户。
在本实施例中，所述缓存空间用于存储与预先设定的尺寸不同的图片，所述预先设定的尺寸是指在后台预先设定的显示给浏览者的图片的尺寸。
在本实施例中，所述网页插件检索网页资源中的所有图片，并自动搜索、统计并存储与预先设定的尺寸不同的图片，按照下述方法实现：
S1，网页插件检索网页资源中的所有图片，并将所有图片排序；
S2，按图片排序，顺序判断图片实际尺寸是否与预先设定的尺寸相同；
如果相同，则忽略被判断的图片，进入S3；
如果不相同，则标记被判断的图片，进入S3；
S3，重复S2直至所有被排序图片均被对比完为止，统计并记录被标记图片的数量；
S4，判断所述被标记图片是否发生懒加载：
如果没有发生懒加载，则直接标记成问题图片并存储，并进入S6；
如果发生懒加载，则进入S5；
S5，判断发生过懒加载的标记图片尺寸与预先设定的尺寸是否相同；
如果相同，则忽略；
如果不相同，标记成问题图片并存储，并进入S6；
S6，统计存储的问题图片数量，显示在网页插件的相应界面上。
在本实施例中，步骤S2具体按照下述实现：
按图片排序，将所有图片的尺寸W2×H2依次与预先设定的尺寸W1×H1进行对比，并判断W2与W1、H2与H1的大小关系：
如果W2等于W1且H2等于H1，则忽略被判断的图片；
如果W2不等于W1和/或H2不等于H1，则标记被判断的图片。
其中，所述W1表示预先设定的尺寸中的宽度，所述H1表示预先设定的尺寸中的高度；所述W2表示网页资源中显示的实际图片尺寸中的宽度，所述H2表示网页资源中显示的实际图片尺寸中的高度。
在本实施例中，步骤S5具体按照下述实现：
判断发生过懒加载的被标记图片的W2与W1、H2与H1的大小关系；
如果W2等于W1且H2等于H1，则忽略；
如果W2不等于W1和/或H2不等于H1，则将发生过懒加载的被标记图片标记为问题图片并存储。
实施例2
参照图3，实现如实施例1所述网页图片尺寸自动检查方法的系统包括：
浏览器：用于获取并展示用户访问的网页资源；
网页插件：安装在浏览器中，用户检索、存储并统计当前网页中存在的与预先设定的尺寸不同的问题图片，同时，负责将问题图片展示给用户。
在本实施例中，所述网页插件包括：
检索排序模块：负责检索网页资源中的所有图片，并将所有图片排序；
第一判断标记模块：用于判断所述检索排序模块中，排序后的图片实际尺寸是否与预先设定的尺寸相同，标记尺寸不相同的图片；
懒加载判断模块：判断标记图片是否发生懒加载，并将发生过懒加载的标记图片发送给第二判断标记模块，将没有发生过懒加载的图片标记为问题图片；
第二判断标记模块：用于判断发生过懒加载的图片实际尺寸是否与预先设定的尺寸相同，标记尺寸不相同的图片为问题图片；
存储统计模块：用于存储并统计问题图片；
展示模块：显示问题图片及其数量。
通过采用本发明公开的上述技术方案，得到了如下有益的效果：
本发明可以帮助相关人员在浏览网页时发现并找到网页中存在尺寸问题的图片，不必逐个检查图片尺寸，节省相关人员检索问题图片的时间，提高工作效率。
以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视本发明的保护范围。
Claims (6)
1.一种网页图片尺寸自动检查方法，其特征在于，所述方法包括：
安装网页插件，在本地磁盘上配置网页插件的缓存空间；
当用户通过浏览器访问网页时，浏览器获取用户访问的网页资源并调用网页插件；
网页插件检索网页资源中的所有图片，并自动搜索、统计并存储与预先设定的尺寸不同的图片；
网页插件将统计并存储的与预先设定尺寸不同的图片显示给用户；
所述网页插件检索网页资源中的所有图片，并自动搜索、统计并存储与预先设定的尺寸不同的图片，按照下述方法实现：
S1，网页插件检索网页资源中的所有图片，并将所有图片排序；
S2，按图片排序，顺序判断图片实际尺寸是否与预先设定的尺寸相同；
如果相同，则忽略被判断的图片，进入S3；
如果不相同，则标记被判断的图片，进入S3；
S3，重复S2直至所有被排序图片均被对比完为止，统计并记录被标记图片的数量；
S4，判断所述被标记图片是否发生懒加载：
如果没有发生懒加载，则直接标记成问题图片并存储，并进入S6；
如果发生懒加载，则进入S5；
S5，判断发生过懒加载的标记图片尺寸与预先设定的尺寸是否相同；
如果相同，则忽略；
如果不相同，标记成问题图片并存储，并进入S6；
S6，统计存储的问题图片数量，显示在网页插件的相应界面上。
2.根据权利要求1所述网页图片尺寸自动检查方法，其特征在于，所述缓存空间用于存储与预先设定的尺寸不同的图片。
3.根据权利要求1所述网页图片尺寸自动检查方法，其特征在于，步骤S2具体按照下述实现：
按图片排序，将所有图片的尺寸W2×H2依次与预先设定的尺寸W1×H1进行对比，并判断W2与W1、H2与H1的大小关系：
如果W2等于W1且H2等于H1，则忽略被判断的图片；
如果W2不等于W1和/或H2不等于H1，则标记被判断的图片；
其中，所述W1表示预先设定的尺寸中的宽度，所述H1表示预先设定的尺寸中的高度；所述W2表示网页资源中显示的实际图片尺寸中的宽度，所述H2表示网页资源中显示的实际图片尺寸中的高度。
4.根据权利要求1所述网页图片尺寸自动检查方法，其特征在于，步骤S5具体按照下述实现：
判断发生过懒加载的被标记图片的W2与W1、H2与H1的大小关系；
如果W2等于W1且H2等于H1，则忽略；
如果W2不等于W1和/或H2不等于H1，则将发生过懒加载的被标记图片标记为问题图片并存储。
5.一种实现如权利要求1所述网页图片尺寸自动检查方法的自动检查系统，其特征在于，该系统包括：
浏览器：用于获取并展示用户访问的网页资源；
网页插件：安装在浏览器中，用户检索、存储并统计当前网页中存在的与预先设定的尺寸不同的问题图片，同时，负责将问题图片展示给用户。
6.根据权利要求5所述网页图片尺寸自动检查系统，其特征在于，所述网页插件包括：
检索排序模块：负责检索网页资源中的所有图片，并将所有图片排序；
第一判断标记模块：用于判断所述检索排序模块中，排序后的图片实际尺寸是否与预先设定的尺寸相同，标记尺寸不相同的图片；
懒加载判断模块：判断标记图片是否发生懒加载，并将发生过懒加载的标记图片发送给第二判断标记模块，将没有发生过懒加载的图片标记为问题图片；
第二判断标记模块：用于判断发生过懒加载的图片实际尺寸是否与预先设定 的尺寸相同，标记尺寸不相同的图片为问题图片；
存储统计模块：用于存储并统计问题图片；
展示模块：显示问题图片及其数量。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510181471.1A CN104750863B (zh) | 2015-04-16 | 2015-04-16 | 一种网页图片尺寸自动检查方法及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510181471.1A CN104750863B (zh) | 2015-04-16 | 2015-04-16 | 一种网页图片尺寸自动检查方法及系统 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN104750863A CN104750863A (zh) | 2015-07-01 |
| CN104750863B true CN104750863B (zh) | 2017-10-17 |
Family
ID=53590547
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510181471.1A Active CN104750863B (zh) | 2015-04-16 | 2015-04-16 | 一种网页图片尺寸自动检查方法及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104750863B (zh) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106649299B (zh) * | 2015-07-28 | 2020-09-15 | 阿里巴巴集团控股有限公司 | 一种网页区块懒加载的方法和装置 |
| CN109298905A (zh) * | 2018-08-15 | 2019-02-01 | 深圳点猫科技有限公司 | 利用前端编程语言优化图片懒加载的方法以及电子设备 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101359329A (zh) * | 2008-04-01 | 2009-02-04 | 北京恒金恒泰信息技术有限公司 | 基于浏览器的过滤色情软件插件 |
| CN101976252A (zh) * | 2010-10-26 | 2011-02-16 | 百度在线网络技术（北京）有限公司 | 图片展示系统及其展示方法 |
| CN102819560A (zh) * | 2012-06-29 | 2012-12-12 | 北京奇虎科技有限公司 | 一种网页中图片的显示方法和装置 |
| CN103377233A (zh) * | 2012-04-26 | 2013-10-30 | 腾讯科技（深圳）有限公司 | 网页分享方法及相应的系统 |
| CN104361082A (zh) * | 2014-11-07 | 2015-02-18 | 北京奇虎科技有限公司 | 一种浏览器中对网页中指定元素进行显示的方法和装置 |
-
2015
- 2015-04-16 CN CN201510181471.1A patent/CN104750863B/zh active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101359329A (zh) * | 2008-04-01 | 2009-02-04 | 北京恒金恒泰信息技术有限公司 | 基于浏览器的过滤色情软件插件 |
| CN101976252A (zh) * | 2010-10-26 | 2011-02-16 | 百度在线网络技术（北京）有限公司 | 图片展示系统及其展示方法 |
| CN103377233A (zh) * | 2012-04-26 | 2013-10-30 | 腾讯科技（深圳）有限公司 | 网页分享方法及相应的系统 |
| CN102819560A (zh) * | 2012-06-29 | 2012-12-12 | 北京奇虎科技有限公司 | 一种网页中图片的显示方法和装置 |
| CN104361082A (zh) * | 2014-11-07 | 2015-02-18 | 北京奇虎科技有限公司 | 一种浏览器中对网页中指定元素进行显示的方法和装置 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN104750863A (zh) | 2015-07-01 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103678622B (zh) | 瀑布流式图片动态呈现的方法及装置 | |
| CN103678496B (zh) | 提供调整检索页筛选显示的方法和系统 | |
| CN107273031A (zh) | 信息流页面加载方法及装置 | |
| CN106610993A (zh) | 视频预览的展示方法、装置 | |
| CN105812885A (zh) | 一种视频直播中的弹幕显示方法和系统 | |
| CN103324614A (zh) | 图像识别搜索方法及装置 | |
| CN104750863B (zh) | 一种网页图片尺寸自动检查方法及系统 | |
| WO2017107797A1 (zh) | 在产品货架上展示网络产品的方法和装置 | |
| CN102831242A (zh) | 搜索图片信息的方法及装置 | |
| CN106886544A (zh) | 一种数据处理方法及装置 | |
| CN109543770A (zh) | 点阵字符识别方法及装置 | |
| CN103425670A (zh) | 一种向用户提供内容推荐信息的方法、装置和设备 | |
| CN104216925A (zh) | 一种视频内容去重的处理方法 | |
| CN102779123A (zh) | 一种网站展示内容的截屏方法及系统 | |
| CN109426981A (zh) | web端广告曝光检测方法、存储介质、电子设备及系统 | |
| CN102981902A (zh) | 基于智能移动终端的屏保方法及其智能移动终端 | |
| CN102629254A (zh) | 图片快速读取方法 | |
| CN102629251A (zh) | 一种网页信息显示方法和装置 | |
| CN108769157B (zh) | 消息弹窗的展示方法、装置、计算设备及计算机存储介质 | |
| CN102662595A (zh) | 用于移动终端屏幕的杂志式图文混排方法 | |
| CN106095985A (zh) | 一种动态收集并聚合网页信息的方法 | |
| CN105824961A (zh) | 一种标签确定方法及装置 | |
| CN105373593A (zh) | 一种展示网页中目标元素的方法及装置 | |
| CN104753979B (zh) | 一种显示网站信息的方法、服务器、终端及系统 | |
| CN106446027A (zh) | 信息推荐方法及装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |