CN104360882B - 一种浏览器中对网页中图片进行显示方法和装置 - Google Patents

一种浏览器中对网页中图片进行显示方法和装置 Download PDF

Info

Publication number
CN104360882B
CN104360882B CN201410642885.5A CN201410642885A CN104360882B CN 104360882 B CN104360882 B CN 104360882B CN 201410642885 A CN201410642885 A CN 201410642885A CN 104360882 B CN104360882 B CN 104360882B
Authority
CN
China
Prior art keywords
picture
network address
webpage
picture element
module
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
Application number
CN201410642885.5A
Other languages
English (en)
Other versions
CN104360882A (zh
Inventor
蔡永建
唐明生
甘恩平
李煜
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Qihoo Technology Co Ltd
Original Assignee
Beijing Qihoo Technology Co Ltd
Qizhi Software Beijing Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Qihoo Technology Co Ltd, Qizhi Software Beijing Co Ltd filed Critical Beijing Qihoo Technology Co Ltd
Priority to CN201410642885.5A priority Critical patent/CN104360882B/zh
Publication of CN104360882A publication Critical patent/CN104360882A/zh
Priority to PCT/CN2015/093603 priority patent/WO2016070770A1/zh
Application granted granted Critical
Publication of CN104360882B publication Critical patent/CN104360882B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • Information Transfer Between Computers (AREA)

Abstract

本发明公开了一种浏览器中对网页中图片进行显示方法,涉及浏览器技术领域。所述方法包括:监听网页中图片元素上的鼠标悬停事件;若监听到网页中图片元素上的鼠标悬停事件,则针对所述图片元素中的第一图片,获取对应所述第一图片的第二图片;创建一窗口,并将所述第二图片加载至所述窗口中展示。本发明可以直接在浏览器窗口中将与网页中第一图片展示相同内容的第二图片进行展示,不用改变网页本身的展示结构,也不用进行点击进入类似相册的展示界面,即可使用户清楚、完整地查看图片内容,用户操作简单,不会影响用户对页面的正常浏览,实现了轻量化的放大化图片展示。

Description

一种浏览器中对网页中图片进行显示方法和装置
技术领域
本发明涉及浏览器技术领域,具体涉及一种浏览器中对网页中图片进行显示方法和装置。
背景技术
浏览器是指可以显示网页服务器或者文件系统的HTML(超文本标记语言,HyperText Mark-up Language))文件内容,并让用户与这些文件交互的一种软件。网页浏览器主要通过HTTP协议与网页服务器交互并获取网页,这些网页由URL(统一资源定位符,Uniform Resource Locator)指定,文件格式通常为HTML。一个网页中可以包括多个文档,每个文档都是分别从服务器获取的。HTTP内容类型和URL协议规范允许网页设计者在网页中嵌入图片、视频等。
在现有技术中,很多网页都会在HTML文档中设置图片元素,使浏览器可以通过HTML文档下载相应图片在浏览器的标签页面中展示。但是,存在一个问题是,网页中的图片可能像素尺寸很小或者说图片内容显示不全,用户可能无法清楚或者完整地观看该图片内容的细节。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的浏览器中对网页中图片进行显示装置和相应的浏览器中对网页中图片进行显示方法。
依据本发明的一个方面,提供了一种浏览器中对网页中图片进行显示方法,包括:
监听网页中图片元素上的鼠标悬停事件;
若监听到网页中图片元素上的鼠标悬停事件,则针对所述图片元素中的第一图片,获取对应所述第一图片的第二图片;
创建一窗口,并将所述第二图片加载至所述窗口中展示。
优选地,在监听到网页中图片元素上的鼠标悬停事件之前,还包括:
针对当前网页文档对应的网址,根据以正则表达式构建的网址匹配规则和/或预置的网址名单,对所述网址进行匹配;根据匹配结果判断出所述网页文档为带有图片元素的特定网页。
优选地,所述根据以正则表达式构建的网址匹配规则和/或预置的网址名单,对所述网址进行匹配,包括:
根据以正则表达式构建的主站网址匹配规则,判断所述网址是否为预定的主站的网址;
如果所述网址为预定的主站的网址,则根据以正则表达式构建的站内网址匹配规则,判断所述网址对应的网页是否为站内带有图片元素的特定网页。
优选地,所述将当前网页的网址与网址名单进行匹配,若匹配上,则确定当前网页为带有图片元素的特定网页,包括:
通过浏览器主进程针对当前网页文档对应的网址,根据以正则表达式构建的网址匹配规则和/或预置的网址名单,对所述网址进行匹配;根据匹配结果判断出所述网页文档为带有图片元素的特定网页。
优选地,在监听网页中图片元素上的鼠标悬停事件之前,还包括:
针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤。
优选地,所述针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤,包括:
判断所述图片元素中第一图片尺寸是否达到第一阈值;如果未达到,则监听所述图片元素上的鼠标悬停事件;如果达到,则不监听所述图片元素上的鼠标悬停事件。
优选地,所述针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤,包括:
将所述图片元素属于广告节点的图片元素、导航栏节点的图片元素、非正文节点的图片元素中的一个或者多个进行过滤。
优选地,所述针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤包括:
由所述展示网页的网页进程执行针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤。
优选地,针对所述图片元素中的第一图片,获取对应所述第一图片的第二图片包括:
获取所述图片元素中对应第一图片的网址;
对所述第一图片的网址进行图片正则表达式匹配,以获取第二图片的网址;
根据所述第二图片的网址,下载所述第二图片。
优选地,由展示所述网页的网页进程执行获取所述图片元素中对应第一图片的网址,并将所述第一图片的网址发送给浏览器主进程;
由所述浏览器主进程对所述第一图片的网址进行图片正则表达式匹配,以获取第二图片的网址;
由所述浏览器主进程根据所述第二图片的网址,下载所述第二图片。
优选地,所述创建一窗口,并将所述第二图片加载至所述窗口中展示包括:由浏览器主进程创建一窗口,并将所述第二图片加载至所述窗口中展示。
优选地,所述创建一窗口包括:根据第二图片的大小尺寸以及鼠标的位置,确定所创建窗口的位置。
优选地,还包括:根据鼠标在图片元素上方的移动,调整所述窗口的位置。
优选地,还包括:加载并展示针对当前图片元素的功能接口;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或浏览器设置接口;其中,所述全屏播放接口包括将所述第一图片进行全屏播放;所述分享接口包括将所述第一图片发送至第一终端、和/或将所述第一图片分享至第三网站、和/或为所述第一图片生成二维码;所述保存接口包括将所述第一图片进行保存。
依据本发明的另外一个方面,提供了一种浏览器中对网页中图片进行显示装置,包括:
监听模块,适于监听网页中图片元素上的鼠标悬停事件;
第二图片获取模块,适于若监听到网页中图片元素上的鼠标悬停事件,则针对所述图片元素中的第一图片,获取对应所述第一图片的第二图片;
展示模块,适于创建一窗口,并将所述第二图片加载至所述窗口中展示。
优选地,在监听模块之前,还包括:
网址匹配模块,适于针对当前网页文档对应的网址,根据以正则表达式构建的网址匹配规则和/或预置的网址名单,对所述网址进行匹配;根据匹配结果判断出所述网页文档为带有图片元素的特定网页。
优选地,所述网址匹配模块,包括:
主站网址匹配模块,适于根据以正则表达式构建的主站网址匹配规则,判断所述网址是否为预定的主站的网址;
站内网址匹配模块,适于如果所述网址为预定的主站的网址,则根据以正则表达式构建的站内网址匹配规则,判断所述网址对应的网页是否为站内带有图片元素的特定网页。
优选地,所述网址匹配模块包括:
主进程匹配模块,适于通过浏览器主进程针对当前网页文档对应的网址,根据以正则表达式构建的网址匹配规则和/或预置的网址名单,对所述网址进行匹配;根据匹配结果判断出所述网页文档为带有图片元素的特定网页。
优选地,在监听模块之前,还包括:
图片元素过滤模块,适于针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤。
优选地,所述图片元素过滤模块,包括:
尺寸过滤模块,适于判断所述图片元素中第一图片尺寸是否达到第一阈值;如果未达到,则进入监听模块;如果达到,则不进入监听模块。
优选地,所述图片元素过滤模块,包括:
节点过滤模块,适于将所述图片元素属于广告节点的图片元素、导航栏节点的图片元素、非正文节点的图片元素中的一个或者多个进行过滤。
优选地,所述图片元素过滤模块包括:
网页进程过滤模块,适于由所述展示网页的网页进程执行针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤。
优选地,所述第二图片获取模块包括:
所述第一图片网址获取模块包括:
初始网址获取模块,适于由展示所述网页的网页进程获取所述图片元素中对应第一图片的网址,并将所述第一图片的网址发送给浏览器主进程;
所述第二图片网址获取模块包括:
替换网址获取模块,适于由浏览器主进程对所述第一图片的网址进行图片正则表达式匹配,以获取第二图片的网址;
所述第二图片下载模块包括:
图片下载模块,适于由浏览器主进程根据所述第二图片的网址,下载所述第二图片。
优选地,所述第一图片网址获取模块包括:
初始网址获取模块,适于由展示所述网页的网页进程获取所述图片元素中对应第一图片的网址,并将所述第一图片的网址发送给浏览器主进程;
所述第二图片网址获取模块包括:
替换网址获取模块,适于由浏览器主进程对所述第一图片的网址进行图片正则表达式匹配,以获取第二图片的网址;
所述第二图片下载模块包括:
图片下载模块,适于由浏览器主进程根据所述第二图片的网址,下载所述第二图片。
优选地,所述展示模块包括:主进程展示模块,适于由浏览器主进程创建一窗口,并将所述第二图片加载至所述窗口中展示。
优选地,所述展示模块包括:位置确定模块,适于根据第二图片的大小尺寸以及鼠标的位置,确定所创建窗口的位置。
优选地,还包括:位置移动模块,适于根据鼠标在图片元素上方的移动,调整所述窗口的位置。
优选地,还包括:
接口展示模块,适于加载并展示针对当前图片元素的功能接口;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或浏览器设置接口;其中,所述全屏播放接口包括将所述第一图片进行全屏播放;所述分享接口包括将所述第一图片发送至第一终端、和/或将所述第一图片分享至第三网站、和/或为所述第一图片生成二维码;所述保存接口包括将所述第一图片进行保存。
根据本发明的浏览器中对网页中图片进行显示方法和装置,可以在用户鼠标悬停至图片元素上时,直接针对图片元素中第一图片,获取与对应第一图片的第二图片,然后在浏览器界面中创建一窗口,将所述第二图片加载至所述窗口中展示,那么对于像素尺寸较小的第一图片,即可通过本发明获取像素尺寸较大的第二图片,由此解决了由于网页中图片可能较小的情况,导致用户无法清楚观看图片内容的问题,取得了用户可以直接在网页上方,通过在图片元上悬停鼠标的操作即可实现清楚完整地观看所述图片内容的有益效果。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了根据本发明一个实施例的一种浏览器中对网页中图片进行显示方法的流程示意图;
图1A和图1B示出了图1实施例的具体示例;
图2示出了根据本发明一个实施例的一种浏览器中对网页中图片进行显示方法的流程示意图;
图3示出了根据本发明一个实施例的一种浏览器中对网页中图片进行显示方法的流程示意图;
图4示出了根据本发明一个实施例的一种浏览器中对网页中图片进行显示方法的流程示意图;
图5示出了根据本发明一个实施例的一种浏览器中对网页中图片进行显示装置的结构示意图;
图6示出了根据本发明一个实施例的一种浏览器中对网页中图片进行显示装置的结构示意图;
图7示出了根据本发明一个实施例的一种浏览器中对网页中图片进行显示装置的结构示意图;
图8示出了根据本发明一个实施例的一种浏览器中对网页中图片进行显示装置的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
本发明的核心思想之一在于:由于实际的网页应用中,图床服务器对于同一内容的图片的存储一般分为大像素尺寸图片和小像素尺寸图片两种,而在网页中,由于页面结构的限制,网页中一般展示的是小像素尺寸图片。本发明实施例对于网页中展示的第一图片,当用户操作鼠标悬停至该图片之上时,本发明实施例则提取与该第一图片对应的第二图片,然后创建一个窗口,将所述第二图片加载至所述窗口中展示。如此,可以直接在浏览器窗口中将与网页中第一图片展示相同内容的第二图片进行展示,不用改变网页本身的展示结构,也不用进行点击进入类似相册的展示界面,即可使用户清楚、完整地查看图片内容,用户操作简单,不会影响用户对页面的正常浏览,实现了轻量化的放大化图片展示。
实施例一
参照图1,其示出了本发明一种浏览器中对网页中图片进行显示方法的流程示意图,具体可以包括:
步骤110,监听网页中图片元素上的鼠标悬停事件;
在实际应用中,HTML文档中的图片元素一般是图片标签<img>定义图片元素,其原型大致为“<img src="图片路径"width="x"height="y"alt=""/>”,src="图片路径",图片路径一般为网址,即URL(统一资源定位符,Universal Resource Locator),浏览器的渲染引擎读取到该段代码时,会根据URL相应的图床服务器下载图片进行渲染;width="x"表示图片在网页中展示的宽,height="y"表示图片在网页中展示的高,width、height两者合起来就表示图片元素的尺寸大小;Alt设置对这张图片文字描述。对于图片元素,HTML文档中的CSS文件会确定其在网页中的位置。
本发明实施例中,当浏览器从服务器获取HTML文档并渲染展示到网页中后,用户在浏览网页的过程中,浏览器会监听网页中图片元素上的鼠标悬停事件,比如监控前述<img>标签所在区域上的鼠标悬停事件,比如mouseover事件。
如图1A,为本发明实施例简要的浏览器示意图,在图1A中,S112为在显示视窗,其中展示浏览器的网页,S116为标签栏,没个标签栏下面对应一个网页,当前切换标签栏中的tab标签时中展示的网页随着改变。当前S112中展示的为http://hao.AAA.cn/的页面,其中有图片元素S114正在展示。那么本发明侦听S114上是否有鼠标悬停事件。当前显示视窗S112中展示的网页内容为tab标签“360”下的内容,标签“新标签”下的内容可在用户点击“新标签”后在S112中展示。
其中,监听网页中图片元素上的鼠标悬停事件过程可以包括:
A1,监听鼠标在网页中的onmouseover事件;
A2,如果监听到onmouseover事件,获取鼠标当前在网页中的坐标;
比如通过event.clientX函数获取鼠标在页面显示视窗中的横坐标,通过event.clientY函数获取鼠标在页面显示视窗中的纵坐标,通过document.body.scrollLeft获取网页向右卷的长度,通过document.body.scrollTop获取网页向上卷积的长度,那么鼠标在网页中的横坐标tempx=event.clientX+document.body.scrollLeft,纵坐标为tempy=event.clientY+document.body.scrollTop;
A3,获取网页中图片元素的坐标区域;
比如获取每个图片元素相对于网页顶部的top值以及相对于网页左侧的left值,即可知道图片元素的坐标区域右上角的坐标(top,left),然后获取图片元素的width、height,即可计算图片元素矩形区域的坐标范围,比如图片元素横坐标的范围为left+width,纵坐标的范围为top-height。
A4,判断鼠标当前的坐标是否在所述某个图片元素的坐标区域内,如果是则判断鼠标悬停于该图片元素之上;
那么判断所述tempx、tempy分别属于哪个(left,left+width)、(top-height,top)内的坐标,当鼠标的坐标均在某个坐标区域内,则确定鼠标悬停于坐标区域对应的图片元素之上。进入后续步骤。
当然还可通过其他方式监听网页中图片元素上的鼠标悬停事件,比如获取图片元素在显示视窗中的坐标区域,以及鼠标在显示视窗中的坐标,即可判断鼠标是否悬停于图片元素之上。具体监听过程,本发明不对其加以限制。
步骤120,若监听到网页中图片元素上的鼠标悬停事件,则针对所述图片元素中的第一图片,获取对应所述第一图片的第二图片;
在本发明中,当监听到网页中某一图片元素上的鼠标悬停事件,则针对所述图片元素中的第一图片,从图片服务器获取对应所述第一图片的第二图片。在本发明实施例中第二图片为像素尺寸比第一图片大的图片,并且第二图片与第一图片展示的内容相同。
步骤130,创建一窗口,并将所述第二图片加载至所述窗口中展示。
在获取了第二图片后,即可创建一个新窗口,将所述第二图片加载至所述窗口中展示。在创建新窗口时,可根据第二图片的像素尺寸进行创建,一般直接根据第二图片像素尺寸大小创建一个相应大小的窗口即可。在本发明实施例中浏览器可以调用窗口创建函数创建窗口,比如调用CreateWindow函数创建窗口。
当然在本发明中,新窗口可创建在显示视窗之内,方便用户查看。在本发明中只要将新创建的窗口的父窗口设置为浏览器显示视窗即可将新创建的窗口限定在浏览器显示视窗之中。
在本发明实施例中,将所述获取的第二图片加载时所述窗口中展示时,可先对第二图片进行解码,然后才能加载至所述窗口中展示。
所述创建一窗口包括:
子步骤S132,根据第二图片的大小尺寸以及鼠标的位置,确定所创建窗口的位置。
本发明实施例中,可将新建的窗口建于鼠标旁边,并且可直接根据第二图片像素尺寸大小创建一个相应大小的窗口。
参考图1B,其为本发明新建窗口展示后的示例,当鼠标S118悬停于S114指示的图片元素之上,本发明实施例则获取小像素尺寸的“样例图”对应的大像素尺寸的“样例图”,然后在鼠标S118附近新建一个与大像素尺寸的“样例图”大小想当的新窗口,将所述大像素尺寸的“样例图”加载至新窗口中展示,即图1B中的S120。如此用户即可更清楚的观看网页中出现的图片元素。并且,此时用户继续滚动鼠标滚轮,网页可以继续滑动,不影响用户对网页的操作。
当然,在本发明中,窗口的大小一般不超过显示视窗的大小,如果第二图片的像素尺寸大于显示视窗的大小,比如图片的高度大于显示视窗的高度,那么只新窗口的高度则为显示视窗的高度,显示视窗的宽度的设置原理类似高度。对于该种情况,可以增设控制键,比如方向键,用户可以再操作方向键滚动图片在新窗口中的显示位置,方便用户浏览。
当侦听到鼠标移出事件,比如onmouseout事件,则关闭所述窗口,还可释放渲染所述第二图片的内存。
优选地,还包括:
步骤140,根据鼠标在图片元素上方的移动,调整所述窗口的位置。
在新窗口创建并将第二图片渲染至所述窗口之后,如果用户移动鼠标位置时,将所述窗口跟随鼠标坐标的移动而移动。
在本发明实施例中,如果新建窗口初始创建在鼠标右侧,而鼠标向右侧移动时,如果鼠标位置到显示视窗右侧的距离小于窗口的宽度,将窗口移动至鼠标左侧展示。其他情形类似处理。
优选地,还包括:
步骤150,加载并展示针对当前图片元素的功能接口;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或浏览器设置接口;其中,所述全屏播放接口包括将所述第一图片进行全屏播放;所述分享接口包括将所述第一图片发送至第一终端、和/或将所述第一图片分享至第三网站、和/或为所述第一图片生成二维码;所述保存接口包括将所述第一图片进行保存。
当在图片元素之上听到鼠标悬停事件或者第二图片在新建窗口中展示后,则加载并展示针对当前图片元素的功能接口;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或浏览器设置接口;其中,所述全屏播放接口包括将所述第一图片进行全屏播放;所述分享接口包括将所述第一图片发送至第一终端(比如调用手机助手将第一图片发送至手机端)、和/或将所述第一图片分享至第三网站(比如将第一图片分享至人人网、新浪微博等网站)、和/或为所述第一图片生成二维码,用户采用其他终端扫描该二维码后,则可打开或者下载第一图片;所述保存接口包括将所述第一图片进行保存,比如将网页中的第一图片从内存中提取然后保存至磁盘中。
当然,在本发明实施例中,可预先在浏览器中预置网页图片放大镜的功能,即实施前述步骤的逻辑。预置该功能时,可以通过多种形式嵌入浏览器中。比如对于chrome浏览器,可通过插件/扩展的形式将上述逻辑嵌入浏览器,也可以直接将上述逻辑写入浏览器的执行代码中;对于IE浏览器,则可以通过BHO(Browser Helper Object,浏览器辅助对象)将上述逻辑的插件嵌入浏览器中。对于其他浏览器也可采用类似措施,本发明不对其加以限制。
在web网页应用中,图片提供方一般会在图床服务器上,对同一内容的图片存储两张图片,一张为小像素尺寸的图片,一张为大像素尺寸的图片;其小像素尺寸的图片可能是由大像素尺寸图片截取的一部分,也可能直接是由大像素尺寸图片降低像素尺寸而来。而由于网页CSS样式布局习惯,为了不影响用户对网页的整体浏览器,一般网页的HTML文档中,其图片元素引用的图片路径基本上为小尺寸图片的网址,那么在这种情况下,对于用户来说,可能由于图片较小而无法清楚地观看图片,也可能由于图片只是原图的一部分而无法完整地观看原图。
而本发明实施例对于网页中展示的第一图片,当用户操作鼠标悬停至该图片之上时,本发明实施例则提取与该第一图片对应的第二图片,然后创建一个窗口,将所述第二图片加载至所述窗口中展示。如此,可以直接在浏览器窗口中将与网页中第一图片展示相同内容的第二图片进行展示,不用改变网页本身的展示结构,也不用进行点击进入类似相册的展示界面,即可使用户清楚、完整地查看图片内容,用户操作简单,不会影响用户对页面的正常浏览,实现了轻量化的放大化图片展示。
实施例二
参照图2,其示出了本发明一种浏览器中对网页中图片进行显示方法的流程示意图,具体可以包括:
步骤210,针对当前网页文档对应的网址,根据以正则表达式构建的网址匹配规则和/或预置的网址名单,对所述网址进行匹配;根据匹配结果判断出所述网页文档为带有图片元素的特定网页;
由于很多网页的图片元素并不具备实质意义,只是广告、简介等图片,对于这些网页,如果也启动本发明的后续步骤,则会增加浏览器占用的资源,为了避免该种情况,本发明会对浏览器打开的网页进行筛选,符合条件的网页才执行本发明的后续过程。
本发明实施例可通过对各网站的URL进行分析,以正则表达式构建的网址匹配规则,对所述网址进行匹配过滤;当然,也可以直接对URL构建网址名单,将网址名单中的网址执行本发明实施例的过程。上述两种匹配方式可以同时使用,也可以单独使用。同时使用时,一般先用典型网站的网址名单进行快速匹配,匹配不上再用正则表达式构建的网址匹配规则进行匹配。如果是典型网站的URL,则不用执行后者的匹配,节省资源。
优选地,所述根据以正则表达式构建的网址匹配规则和/或预置的网址名单,对所述网址进行匹配,包括:
子步骤S212,根据以正则表达式构建的主站网址匹配规则,判断所述网址是否为预定的主站的网址;
本发明实施例可先以网站为单位进行网址过滤,过滤掉不适于使用本发明图片放大镜功能的网站。先以正则表达式构建的主站网址匹配规则,然后将浏览器打开的网址与所述主站网址匹配规则进行匹配,判断所述网址是否为预定的主站的网址。
比如构建主站网址匹配规则“https?://(\w+\.)?weibo\.com/.*”,该主站网址匹配规则是判断网址是否是weibo网站的网址。如果是则进入步骤S214;
子步骤S214,如果所述网址为预定的主站的网址,则根据以正则表达式构建的站内网址匹配规则,判断所述网址对应的网页是否为站内带有图片元素的特定网页。
在确定浏览器打开的网址是某个主站的网址后,在对网址进行下一步匹配,过滤掉图片元素不适于执行本发明实施例图片放大镜功能的网址。因为很多网站下面的很多子网页并不存在具备实际内容的图片元素,比如像新浪微博网站下的用户信息管理网页、app网页等子网页。
本发明实施例则先以正则表达式构建的站内网址匹配规则,然后将浏览器打开的网址与所述站内网址匹配规则进行匹配,判断所述网址是否为预定的子网址。
比如站内网址匹配规则
“https?://app\.weibo\.com/.*||https?://service\.weibo\.com/.*||https?://weibo\.com/login.php\?.*”其过滤掉带有“https?://app\.weibo\.com”的子网址,或者过滤掉带有“https?://service\.weibo\.com/”的子网址,或者过滤掉带有“https?://weibo\.com/login.php”的子网址。
那么对于weibo网站,只保留用户提供正文内容的网页,比如用户发表的评论、照片的网页。
步骤220,针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤;
在本发明实施例中,不必对所有的图片元素进行本发明实施例的图片放大镜功能。可以对不需要执行本发明图片放大镜功能的图片元素进行过滤。对保留的图片元素进入步骤230。
优选地,所述针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤,包括:
子步骤S222,判断所述图片元素中第一图片尺寸是否达到第一阈值;如果未达到,则监听所述图片元素上的鼠标悬停事件;如果达到,则不监听所述图片元素上的鼠标悬停事件。
在实际应用中,图片元素中第一图片的像素尺寸可能已经足够用户看清楚图片内容,那么可以不监听该种图片元素上的鼠标悬停事件,进而不用获取对应第一图片的第二图片。
在本发明实施例中,所述第一阈值为图片元素中第一图片尺寸的最大像素值,比如200*200;如果大于等于第一阈值,则不进入步骤230,如果小于第一阈值,则进入步骤230。
优选地,所述针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤,包括:
子步骤S224,将所述图片元素属于广告节点的图片元素、导航栏节点的图片元素、非正文节点的图片元素中的一个或者多个进行过滤。
在实际应用中,网页中可能存在广告图片、导航栏图片、非正文部分的图片等在用户习惯上不怎么关注的图片,那么即可把这些图片所在的图片元素进行过滤。
当然,本发明在过滤是可以直接将文档节点等非图片元素节点进行忽略。
步骤230,对于过滤后的图片元素,监听网页中图片元素上的鼠标悬停事件;若监听到网页中图片元素上的鼠标悬停事件,进入步骤240;
步骤240,则针对所述图片元素中的第一图片,获取对应所述第一图片的第二图片;
优选地,针对所述图片元素中的第一图片,获取对应所述第一图片的第二图片包括:
子步骤S242,获取所述图片元素中对应第一图片的网址;
在实际应用中,浏览器是根据图片元素中第一图片的网址下载图片进行渲染的,本发明实施例则获取第一图片的网址。
子步骤S244,对所述第一图片的网址进行图片正则表达式匹配,以获取第二图片的网址;
本发明实施例针对各网站的采用的图片服务器的网址,以正则表达式构建图片正则表达式匹配规则,对第一图片的网址进行匹配,以将第一图片的网址中的小尺寸像素图片路径替换为大尺寸像素图片路径,然后即可获得第二图片的网址。
比如针对新浪微博的网站构建正则表达式“((?:ww|ss)\d+\.sinaimg\.cn/)(?mall|thumbnail|c?mw\d+|sq\d+|thumb\d+|square)(/.+\.(jpe?g|gif|png))@@\1large\2||((?:ww|ss)\d+\.sinaimg\.cn/wap)\d+(/.+\.(?:jpe?g|gif|png))@@\1800\2||(r\d+\.sinaimg\.cn/.+?/)(?:\d+x)+\d+(\.(?:jpe?g|gif|png))@@\12000x2000x100x0x0x0\2||(mu\d+\.sinaimg\.cn/square\.)\d+(/weiyinyue\.music\.sina\.com\.cn/.+?\.(?:jpe?g|gif|png))@@\1240\2||((?:ww|ss)\d+\.sinaimg\.cn/)(?:thumb\d+|square|mw\d+|middle)(/.+)@@\1large\2”
上述四个“||”分开了5个图片正则表达式,每个正则表达式表示替换一个将将第一图片的网址中的小尺寸像素图片路径替换为小尺寸像素图片路径的规则。
比如对于小图的网址“http://ww4.sinaimg.cn/thumb150/67dd74e0gw1ek7cn9hhrzj20c808aab8.jpg”利用上述图片正则表达式进行匹配,知道要将第二个字段“thumb150”替换为大尺寸像素图片路径,如“large”,那么得到第二图片的网址为“http://ww4.sinaimg.cn/large/67dd74e0gw1ek7cn9hhrzj20c808aab8.jpg”。
子步骤S246,根据所述第二图片的网址,下载所述第二图片。
然后几个根据第二图片的网址,从图片服务器下载第二图片,在后续步骤中进行加载展示。
步骤250,创建一窗口,并将所述第二图片加载至所述窗口中展示。
在本发明实施例中前述网址匹配规则、网站名单以及图片元素过滤规则均可以配置文件的形式进行存储,浏览器启动时则读取所述配置文件。
本发明与实施例一类似的步骤原理类似,在此不再详述。
而本发明实施例可对浏览器打开的网页进行过滤,保留对于用户来说,最习惯查看图片的网站,也可对浏览器打开的网页中的图片元素进行过滤,比如过滤到广告图片、导航图片等,保留用户最关注的图片元素,那么对于网页中展示的第一图片,当用户操作鼠标悬停至该图片之上时,本发明实施例则提取与该第一图片对应的第二图片,然后创建一个窗口,将所述第二图片加载至所述窗口中展示。如此,可以更精准的直接在浏览器窗口中将与网页中第一图片展示相同内容的第二图片进行展示,不用改变网页本身的展示结构,也不用进行点击进入类似相册的展示界面,即可使用户清楚、完整地查看图片内容,用户操作简单,不会影响用户对页面的正常浏览,实现了轻量化的放大化图片展示;并且,由于过滤了前述网址和图片元素,可以不用弹出用户不关注的图片展示窗口,同时节省系统资源。
实施例三
参照图3,其示出了本发明一种浏览器中对网页中图片进行显示方法的流程示意图,具体可以包括:
步骤310,根据以正则表达式构建的主站网址匹配规则,判断所述网址是否为预定的主站的网址;如果所述网址为预定的主站的网址,则进入步骤312;
步骤312,根据以正则表达式构建的站内网址匹配规则,判断所述网址对应的网页是否为站内带有图片元素的特定网页;如果所述网址对应的网页是站内带有图片元素的特定网页;则进入步骤314;
步骤314,将所述图片元素属于广告节点的图片元素、导航栏节点的图片元素、非正文节点的图片元素中的一个或者多个进行过滤;进入步骤316;
步骤316,判断所述图片元素中第一图片尺寸是否达到第一阈值;如果未达到,则进入步骤318;如果达到,则不进行后续操作。
步骤318,监听网页中图片元素上的鼠标悬停事件;若监听到网页中图片元素上的鼠标悬停事件,进入步骤320;
即监听网页中未达到第一图片尺寸的图片元素上的鼠标悬停事件,如果监听到网页中图片元素上的鼠标悬停事件,进入步骤320;如果未监听,则不进入后续步骤。
步骤320,获取所述图片元素中对应第一图片的网址;
步骤322,对所述第一图片的网址进行图片正则表达式匹配,以获取第二图片的网址;
步骤324,根据所述第二图片的网址,下载所述第二图片;
步骤326,创建一窗口,并将所述第二图片加载至所述窗口中展示。
本发明与实施例一至二类似的步骤原理类似,在此不再详述。
而本发明实施例可对浏览器打开的网页进行过滤,保留对于用户来说,最习惯查看图片的网站,也可对浏览器打开的网页中的图片元素进行过滤,比如过滤到广告图片、导航图片等,保留用户最关注的图片元素,那么对于网页中展示的第一图片,当用户操作鼠标悬停至该图片之上时,本发明实施例则提取与该第一图片对应的第二图片,然后创建一个窗口,将所述第二图片加载至所述窗口中展示。如此,可以更精准的直接在浏览器窗口中将与网页中第一图片展示相同内容的第二图片进行展示,不用改变网页本身的展示结构,也不用进行点击进入类似相册的展示界面,即可使用户清楚、完整地查看图片内容,用户操作简单,不会影响用户对页面的正常浏览,实现了轻量化的放大化图片展示;并且,由于过滤了前述网址和图片元素,可以不用弹出用户不关注的图片展示窗口,同时节省系统资源。
实施例四
参照图4,其示出了本发明一种浏览器中对网页中图片进行显示方法的流程示意图,具体可以包括:
步骤410,浏览器主进程根据以正则表达式构建的主站网址匹配规则,判断所述网址是否为预定的主站的网址;如果所述网址为预定的主站的网址,则进入步骤412;
步骤412,浏览器主进程根据以正则表达式构建的站内网址匹配规则,判断所述网址对应的网页是否为站内带有图片元素的特定网页;如果所述网址对应的网页是站内带有图片元素的特定网页,则通知当前网页进程对网页进行处理,进入步骤414;
步骤414,当前网页进程将所述图片元素属于广告节点的图片元素、导航栏节点的图片元素、非正文节点的图片元素中的一个或者多个进行过滤;进入步骤416;
步骤416,当前网页进程判断所述图片元素中第一图片尺寸是否达到第一阈值;如果未达到,则进入步骤418;如果达到,则不进行后续操作。
步骤418,当前网页进程监听网页中图片元素上的鼠标悬停事件;若监听到网页中图片元素上的鼠标悬停事件,进入步骤420;
步骤420,当前网页进程获取所述图片元素中对应第一图片的网址,并将所述第一图片的网址发送给浏览器主进程;
步骤422,浏览器主进程对所述第一图片的网址进行图片正则表达式匹配,以获取第二图片的网址;
步骤424,浏览器主进程根据所述第二图片的网址,下载所述第二图片;
步骤426,浏览器主进程创建一窗口,并将所述第二图片加载至所述窗口中展示。
本发明与实施例一至三类似的步骤原理类似,在此不再详述。
本发明实施例对网址的处理以及对第二图片的处理均由主进程执行,对网页本身的处理有网页进程处理,两者分开,使网页进程不执行过多的与网页文档无关的逻辑,避免影响网页的渲染速度,从而影响用户对网页浏览的顺畅度;并且由浏览器主进程对网址的处理以及对第二图片的处理,可以避免由于网页进程调用超出权限的函数而被安全软件或者广告拦截功能干扰,比如禁止网页进程弹窗,使本发明实施例无法完整执行。另外,本发明实施例可以更精准的直接在浏览器窗口中将与网页中第一图片展示相同内容的第二图片进行展示,不用改变网页本身的展示结构,也不用进行点击进入类似相册的展示界面,即可使用户清楚、完整地查看图片内容,用户操作简单,不会影响用户对页面的正常浏览,实现了轻量化的放大化图片展示;并且,由于过滤了前述网址和图片元素,可以不用弹出用户不关注的图片展示窗口,同时节省系统资源。
实施例五
参照图5,其示出了本发明一种浏览器中对网页中图片进行显示装置,具体可以包括:
监听模块510,适于监听网页中图片元素上的鼠标悬停事件;
第二图片获取模块520,适于若监听到网页中图片元素上的鼠标悬停事件,则针对所述图片元素中的第一图片,获取对应所述第一图片的第二图片;
展示模块530,适于创建一窗口,并将所述第二图片加载至所述窗口中展示。
优选地,所述展示模块530包括:
位置确定模块,适于根据第二图片的大小尺寸以及鼠标的位置,确定所创建窗口的位置。
优选地,还包括:
位置移动模块,适于根据鼠标在图片元素上方的移动,调整所述窗口的位置。
优选地,还包括:
接口展示模块,适于加载并展示针对当前图片元素的功能接口;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或浏览器设置接口;其中,所述全屏播放接口包括将所述第一图片进行全屏播放;所述分享接口包括将所述第一图片发送至第一终端、和/或将所述第一图片分享至第三网站、和/或为所述第一图片生成二维码;所述保存接口包括将所述第一图片进行保存。
实施例六
参照图6,其示出了本发明一种浏览器中对网页中图片进行显示装置,具体可以包括:
网址匹配模块610,适于针对当前网页文档对应的网址,根据以正则表达式构建的网址匹配规则和/或预置的网址名单,对所述网址进行匹配;根据匹配结果判断出所述网页文档为带有图片元素的特定网页。
优选地,所述网址匹配模块610,包括:
主站网址匹配模块,适于根据以正则表达式构建的主站网址匹配规则,判断所述网址是否为预定的主站的网址;
站内网址匹配模块,适于如果所述网址为预定的主站的网址,则根据以正则表达式构建的站内网址匹配规则,判断所述网址对应的网页是否为站内带有图片元素的特定网页。
图片元素过滤模块620,适于针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤。
优选地,所述图片元素过滤模块620,包括:
尺寸过滤模块,适于判断所述图片元素中第一图片尺寸是否达到第一阈值;如果未达到,则进入监听模块;如果达到,则不进入监听模块。
优选地,所述图片元素过滤模块,包括:
节点过滤模块,适于将所述图片元素属于广告节点的图片元素、导航栏节点的图片元素、非正文节点的图片元素中的一个或者多个进行过滤。
监听模块630,适于监听网页中图片元素上的鼠标悬停事件;如果监听到网页中图片元素上的鼠标悬停事件,进入第二图片获取模块640;
第二图片获取模块640,适于若监听到网页中图片元素上的鼠标悬停事件,则针对所述图片元素中的第一图片,获取对应所述第一图片的第二图片;
优选地,所述第二图片获取模块640包括:
第一图片网址获取模块,适于获取所述图片元素中对应第一图片的网址;
第二图片网址获取模块,适于对所述第一图片的网址进行图片正则表达式匹配,以获取第二图片的网址;
第二图片下载模块,适于根据所述第二图片的网址,下载所述第二图片。
展示模块650,适于创建一窗口,并将所述第二图片加载至所述窗口中展示。
优选地,所述第一图片网址获取模块包括:
初始网址获取模块,适于由展示所述网页的网页进程获取所述图片元素中对应第一图片的网址,并将所述第一图片的网址发送给浏览器主进程;
所述第二图片网址获取模块包括:
替换网址获取模块,适于由浏览器主进程对所述第一图片的网址进行图片正则表达式匹配,以获取第二图片的网址;
所述第二图片下载模块包括:
图片下载模块,适于由浏览器主进程根据所述第二图片的网址,下载所述第二图片。
实施例七
参照图7,其示出了本发明一种浏览器中对网页中图片进行显示装置,具体可以包括:
网址匹配模块710,具体包括:
主站网址匹配模块712,适于根据以正则表达式构建的主站网址匹配规则,判断所述网址是否为预定的主站的网址;
站内网址匹配模块714,适于如果所述网址为预定的主站的网址,则根据以正则表达式构建的站内网址匹配规则,判断所述网址对应的网页是否为站内带有图片元素的特定网页。
图片元素过滤模块720,具体包括:
节点过滤模块722,适于将所述图片元素属于广告节点的图片元素、导航栏节点的图片元素、非正文节点的图片元素中的一个或者多个进行过滤;
尺寸过滤模块724,适于判断所述图片元素中第一图片尺寸是否达到第一阈值;如果未达到,则进入监听模块730;如果达到,则不进入监听模块。
监听模块730,适于监听网页中图片元素上的鼠标悬停事件;如果监听到网页中图片元素上的鼠标悬停事件,进入图片元素过滤模块750;
第二图片获取模块740,具体包括:
第一图片网址获取模块742,适于获取所述图片元素中对应第一图片的网址;
第二图片网址获取模块744,适于对所述第一图片的网址进行图片正则表达式匹配,以获取第二图片的网址;
第二图片下载模块746,适于根据所述第二图片的网址,下载所述第二图片。
展示模块750,适于创建一窗口,并将所述第二图片加载至所述窗口中展示。
实施例八
参照图8,其示出了本发明一种浏览器中对网页中图片进行显示装置,具体可以包括:
浏览器主进程模块810和网页进程模块820:
所述浏览器主进程模块810包括
主站网址匹配模块811,适于浏览器主进程根据以正则表达式构建的主站网址匹配规则,判断所述网址是否为预定的主站的网址;
站内网址匹配模块812,适于浏览器主进程如果所述网址为预定的主站的网址,则根据以正则表达式构建的站内网址匹配规则,判断所述网址对应的网页是否为站内带有图片元素的特定网页。如果是判断所述网址对应的网页是站内带有图片元素的特定网页,则进入节点过滤模块821,否则不进入后续模块。
替换网址获取模块813,适于由浏览器主进程对所述第一图片的网址进行图片正则表达式匹配,以获取第二图片的网址;
图片下载模块814,适于由所述浏览器主进程对所述第一图片的网址进行图片正则表达式匹配,以获取第二图片的网址。
展示模块815,适于由所述浏览器主进程根据所述第二图片的网址,下载所述第二图片。
所述网页进程模块820包括:
节点过滤模块821,适于网页进程将所述图片元素属于广告节点的图片元素、导航栏节点的图片元素、非正文节点的图片元素中的一个或者多个进行过滤;
尺寸过滤模块822,适于网页进程判断所述图片元素中第一图片尺寸是否达到第一阈值;如果未达到,则进入监听模块823;如果达到,则不进入监听模块。
监听模块823,适于网页进程监听网页中图片元素上的鼠标悬停事件;如果监听到网页中图片元素上的鼠标悬停事件,进入初始元素过滤模块824;
初始网址获取模块824,适于网页进程执行获取所述图片元素中对应第一图片的网址,并将所述第一图片的网址发送给浏览器主进程;即将第一图片的网址发送至替换网址获取模块813。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的浏览器中对网页中图片进 行显示的设备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
A1、一种浏览器中对网页中图片进行显示方法,包括:
监听网页中图片元素上的鼠标悬停事件;
若监听到网页中图片元素上的鼠标悬停事件,则针对所述图片元素中的第一图片,获取对应所述第一图片的第二图片;
创建一窗口,并将所述第二图片加载至所述窗口中展示。
A2、如B1所述的方法,在监听到网页中图片元素上的鼠标悬停事件之前,还包括:针对当前网页文档对应的网址,根据以正则表达式构建的网址匹配规则和/或预置的网址名单,对所述网址进行匹配;根据匹配结果判断出所述网页文档为带有图片元素的特定网页。
A3、如B2所述的方法,所述根据以正则表达式构建的网址匹配规则和/或预置的网址名单,对所述网址进行匹配,包括:根据以正则表达式构建的主站网址匹配规则,判断所述网址是否为预定的主站的网址;
如果所述网址为预定的主站的网址,则根据以正则表达式构建的站内网址匹配规则,判断所述网址对应的网页是否为站内带有图片元素的特定网页。
A4、如A2或A3所述的方法,所述将当前网页的网址与网址名单进行匹配,若匹配上,则确定当前网页为带有图片元素的特定网页,包括:
通过浏览器主进程针对当前网页文档对应的网址,根据以正则表达式构建的网址匹配规则和/或预置的网址名单,对所述网址进行匹配;根据匹配结果判断出所述网页文档为带有图片元素的特定网页。
A5、如A1所述的方法,在监听网页中图片元素上的鼠标悬停事件之前,还包括:针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤。
A6、如A5所述的方法,所述针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤,包括:判断所述图片元素中第一图片尺寸是否达到第一阈值;如果未达到,则监听所述图片元素上的鼠标悬停事件;如果达到,则不监听所述图片元素上的鼠标悬停事件。
A7、如A5所述的方法,所述针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤,包括:将所述图片元素属于广告节点的图片元素、导航栏节点的图片元素、非正文节点的图片元素中的一个或者多个进行过滤。
A8、如A5所述的方法,所述针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤包括:由所述展示网页的网页进程执行针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤。
A9、如A1所述的方法,针对所述图片元素中的第一图片,获取对应所述第一图片的第二图片包括:获取所述图片元素中对应第一图片的网址;
对所述第一图片的网址进行图片正则表达式匹配,以获取第二图片的网址;根据所述第二图片的网址,下载所述第二图片。
A10、如A1所述的方法,由展示所述网页的网页进程执行获取所述图片元素中对应第一图片的网址,并将所述第一图片的网址发送给浏览器主进程;由所述浏览器主进程对所述第一图片的网址进行图片正则表达式匹配,以获取第二图片的网址;由所述浏览器主进程根据所述第二图片的网址,下载所述第二图片。
A11、如A1所述的方法,所述创建一窗口,并将所述第二图片加载至所述窗口中展示包括:由浏览器主进程创建一窗口,并将所述第二图片加载至所述窗口中展示。
A12、如A1所述的方法,所述创建一窗口包括:根据第二图片的大小尺寸以及鼠标的位置,确定所创建窗口的位置。
A13、如A1所述的方法,还包括:根据鼠标在图片元素上方的移动,调整所述窗口的位置。
A14、如A1所述的方法,还包括:加载并展示针对当前图片元素的功能接口;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或浏览器设置接口;其中,所述全屏播放接口包括将所述第一图片进行全屏播放;所述分享接口包括将所述第一图片发送至第一终端、和/或将所述第一图片分享至第三网站、和/或为所述第一图片生成二维码;所述保存接口包括将所述第一图片进行保存。
B15、一种浏览器中对网页中图片进行显示装置,包括:
监听模块,适于监听网页中图片元素上的鼠标悬停事件;
第二图片获取模块,适于若监听到网页中图片元素上的鼠标悬停事件,则针对所述图片元素中的第一图片,获取对应所述第一图片的第二图片;
展示模块,适于创建一窗口,并将所述第二图片加载至所述窗口中展示。
B16、如B15所述的装置,在监听模块之前,还包括:
网址匹配模块,适于针对当前网页文档对应的网址,根据以正则表达式构建的网址匹配规则和/或预置的网址名单,对所述网址进行匹配;根据匹配结果判断出所述网页文档为带有图片元素的特定网页。
B17、如B16所述的装置,所述网址匹配模块,包括:主站网址匹配模块,适于根据以正则表达式构建的主站网址匹配规则,判断所述网址是否为预定的主站的网址;
站内网址匹配模块,适于如果所述网址为预定的主站的网址,则根据以正则表达式构建的站内网址匹配规则,判断所述网址对应的网页是否为站内带有图片元素的特定网页。
B18、如B16或B17所述的装置,所述网址匹配模块包括:
主进程匹配模块,适于通过浏览器主进程针对当前网页文档对应的网址,根据以正则表达式构建的网址匹配规则和/或预置的网址名单,对所述网址进行匹配;根据匹配结果判断出所述网页文档为带有图片元素的特定网页。
B19、如B15所述的装置,在监听模块之前,还包括:图片元素过滤模块,适于针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤。
B20、如B19所述的装置,所述图片元素过滤模块,包括:尺寸过滤模块,适于判断所述图片元素中第一图片尺寸是否达到第一阈值;如果未达到,则进入监听模块;如果达到,则不进入监听模块。
B21、如B20所述的装置,所述图片元素过滤模块,包括:
节点过滤模块,适于将所述图片元素属于广告节点的图片元素、导航栏节点的图片元素、非正文节点的图片元素中的一个或者多个进行过滤。
B22、如B19所述的装置,所述图片元素过滤模块包括:
网页进程过滤模块,适于由所述展示网页的网页进程执行针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤。
B23、如B15所述的装置,所述第二图片获取模块包括:
第一图片网址获取模块,适于获取所述图片元素中对应第一图片的网址;第二图片网址获取模块,适于对所述第一图片的网址进行图片正则表达式匹配,以获取第二图片的网址;第二图片下载模块,适于根据所述第二图片的网址,下载所述第二图片。
B24、如B23所述的装置,所述第一图片网址获取模块包括:初始网址获取模块,适于由展示所述网页的网页进程获取所述图片元素中对应第一图片的网址,并将所述第一图片的网址发送给浏览器主进程;所述第二图片网址获取模块包括:替换网址获取模块,适于由浏览器主进程对所述第一图片的网址进行图片正则表达式匹配,以获取第二图片的网址;所述第二图片下载模块包括:图片下载模块,适于由浏览器主进程根据所述第二图片的网址,下载所述第二图片。
B25、如B15所述的装置,所述展示模块包括:主进程展示模块,适于由浏览器主进程创建一窗口,并将所述第二图片加载至所述窗口中展示。
B26、如B15所述的装置,所述展示模块包括:位置确定模块,适于根据第二图片的大小尺寸以及鼠标的位置,确定所创建窗口的位置。
B27、如B15所述的装置,还包括:位置移动模块,适于根据鼠标在图片元素上方的移动,调整所述窗口的位置。
B28、如B15所述的装置,还包括:
接口展示模块,适于加载并展示针对当前图片元素的功能接口;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或浏览器设置接口;其中,所述全屏播放接口包括将所述第一图片进行全屏播放;所述分享接口包括将所述第一图片发送至第一终端、和/或将所述第一图片分享至第三网站、和/或为所述第一图片生成二维码;所述保存接口包括将所述第一图片进行保存。

Claims (26)

1.一种浏览器中对网页中图片进行显示方法,包括:
监听网页中图片元素上的鼠标悬停事件;
若监听到网页中图片元素上的鼠标悬停事件,则针对所述图片元素中的第一图片,获取对应所述第一图片的第二图片;所述针对所述图片元素中的第一图片,获取对应所述第一图片的第二图片包括:由展示所述网页的网页进程执行获取所述图片元素中对应第一图片的网址,并将所述第一图片的网址发送给浏览器主进程;
由所述浏览器主进程对所述第一图片的网址进行图片正则表达式匹配,以获取第二图片的网址;
由所述浏览器主进程根据所述第二图片的网址,下载所述第二图片;
创建一窗口,并将所述第二图片加载至所述窗口中展示。
2.如权利要求1所述的方法,其特征在于,在监听到网页中图片元素上的鼠标悬停事件之前,还包括:
针对当前网页文档对应的网址,根据以正则表达式构建的网址匹配规则和/或预置的网址名单,对所述网址进行匹配;根据匹配结果判断出所述网页文档为带有图片元素的特定网页。
3.如权利要求2所述的方法,其特征在于,所述根据以正则表达式构建的网址匹配规则和/或预置的网址名单,对所述网址进行匹配,包括:
根据以正则表达式构建的主站网址匹配规则,判断所述网址是否为预定的主站的网址;
如果所述网址为预定的主站的网址,则根据以正则表达式构建的站内网址匹配规则,判断所述网址对应的网页是否为站内带有图片元素的特定网页。
4.如权利要求2或3所述的方法,其特征在于,将当前网页的网址与网址名单进行匹配,若匹配上,则确定当前网页为带有图片元素的特定网页,包括:
通过浏览器主进程针对当前网页文档对应的网址,根据以正则表达式构建的网址匹配规则和/或预置的网址名单,对所述网址进行匹配;根据匹配结果判断出所述网页文档为带有图片元素的特定网页。
5.如权利要求1所述的方法,其特征在于,在监听网页中图片元素上的鼠标悬停事件之前,还包括:
针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤。
6.如权利要求5所述的方法,其特征在于,所述针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤,包括:
判断所述图片元素中第一图片尺寸是否达到第一阈值;如果未达到,则监听所述图片元素上的鼠标悬停事件;如果达到,则不监听所述图片元素上的鼠标悬停事件。
7.如权利要求5所述的方法,其特征在于,所述针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤,包括:
将所述图片元素属于广告节点的图片元素、导航栏节点的图片元素、非正文节点的图片元素中的一个或者多个进行过滤。
8.如权利要求5所述的方法,其特征在于,所述针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤包括:
由所述展示网页的网页进程执行针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤。
9.如权利要求1所述的方法,其特征在于,针对所述图片元素中的第一图片,获取对应所述第一图片的第二图片还包括:
获取所述图片元素中对应第一图片的网址;
对所述第一图片的网址进行图片正则表达式匹配,以获取第二图片的网址;
根据所述第二图片的网址,下载所述第二图片。
10.如权利要求1所述的方法,其特征在于,所述创建一窗口,并将所述第二图片加载至所述窗口中展示包括:
由浏览器主进程创建一窗口,并将所述第二图片加载至所述窗口中展示。
11.如权利要求1所述的方法,其特征在于,所述创建一窗口包括:
根据第二图片的大小尺寸以及鼠标的位置,确定所创建窗口的位置。
12.如权利要求1所述的方法,其特征在于,还包括:
根据鼠标在图片元素上方的移动,调整所述窗口的位置。
13.如权利要求1所述的方法,其特征在于,还包括:
加载并展示针对当前图片元素的功能接口;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或浏览器设置接口;其中,所述全屏播放接口包括将所述第一图片进行全屏播放;所述分享接口包括将所述第一图片发送至第一终端、和/或将所述第一图片分享至第三网站、和/或为所述第一图片生成二维码;所述保存接口包括将所述第一图片进行保存。
14.一种浏览器中对网页中图片进行显示装置,包括:
监听模块,适于监听网页中图片元素上的鼠标悬停事件;
第二图片获取模块,适于若监听到网页中图片元素上的鼠标悬停事件,则针对所述图片元素中的第一图片,获取对应所述第一图片的第二图片;所述第二图片获取模块包括:
初始网址获取模块,适于由展示所述网页的网页进程获取所述图片元素中对应第一图片的网址,并将所述第一图片的网址发送给浏览器主进程;
所述第二图片网址获取模块包括:
替换网址获取模块,适于由浏览器主进程对所述第一图片的网址进行图片正则表达式匹配,以获取第二图片的网址;
所述第二图片下载模块包括:
图片下载模块,适于由浏览器主进程根据所述第二图片的网址,下载所述第二图片;
展示模块,适于创建一窗口,并将所述第二图片加载至所述窗口中展示。
15.如权利要求14所述的装置,其特征在于,在监听模块之前,还包括:
网址匹配模块,适于针对当前网页文档对应的网址,根据以正则表达式构建的网址匹配规则和/或预置的网址名单,对所述网址进行匹配;根据匹配结果判断出所述网页文档为带有图片元素的特定网页。
16.如权利要求15所述的装置,其特征在于,所述网址匹配模块,包括:
主站网址匹配模块,适于根据以正则表达式构建的主站网址匹配规则,判断所述网址是否为预定的主站的网址;
站内网址匹配模块,适于如果所述网址为预定的主站的网址,则根据以正则表达式构建的站内网址匹配规则,判断所述网址对应的网页是否为站内带有图片元素的特定网页。
17.如权利要求15或16所述的装置,其特征在于,所述网址匹配模块包括:
主进程匹配模块,适于通过浏览器主进程针对当前网页文档对应的网址,根据以正则表达式构建的网址匹配规则和/或预置的网址名单,对所述网址进行匹配;根据匹配结果判断出所述网页文档为带有图片元素的特定网页。
18.如权利要求14所述的装置,其特征在于,在监听模块之前,还包括:
图片元素过滤模块,适于针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤。
19.如权利要求18所述的装置,其特征在于,所述图片元素过滤模块,包括:
尺寸过滤模块,适于判断所述图片元素中第一图片尺寸是否达到第一阈值;如果未达到,则进入监听模块;如果达到,则不进入监听模块。
20.如权利要求19所述的装置,其特征在于,所述图片元素过滤模块,包括:
节点过滤模块,适于将所述图片元素属于广告节点的图片元素、导航栏节点的图片元素、非正文节点的图片元素中的一个或者多个进行过滤。
21.如权利要求18所述的装置,其特征在于,所述图片元素过滤模块包括:
网页进程过滤模块,适于由所述展示网页的网页进程执行针对网页中的图片元素,根据预置的图片规则对所述图片元素进行过滤。
22.如权利要求14所述的装置,其特征在于,所述第二图片获取模块还包括:
第一图片网址获取模块,适于获取所述图片元素中对应第一图片的网址;
第二图片网址获取模块,适于对所述第一图片的网址进行图片正则表达式匹配,以获取第二图片的网址;
第二图片下载模块,适于根据所述第二图片的网址,下载所述第二图片。
23.如权利要求14所述的装置,其特征在于,所述展示模块包括:
主进程展示模块,适于由浏览器主进程创建一窗口,并将所述第二图片加载至所述窗口中展示。
24.如权利要求14所述的装置,其特征在于,所述展示模块包括:
位置确定模块,适于根据第二图片的大小尺寸以及鼠标的位置,确定所创建窗口的位置。
25.如权利要求14所述的装置,其特征在于,还包括:
位置移动模块,适于根据鼠标在图片元素上方的移动,调整所述窗口的位置。
26.如权利要求14所述的装置,其特征在于,还包括:
接口展示模块,适于加载并展示针对当前图片元素的功能接口;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或浏览器设置接口;其中,所述全屏播放接口包括将所述第一图片进行全屏播放;所述分享接口包括将所述第一图片发送至第一终端、和/或将所述第一图片分享至第三网站、和/或为所述第一图片生成二维码;所述保存接口包括将所述第一图片进行保存。
CN201410642885.5A 2014-11-07 2014-11-07 一种浏览器中对网页中图片进行显示方法和装置 Active CN104360882B (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201410642885.5A CN104360882B (zh) 2014-11-07 2014-11-07 一种浏览器中对网页中图片进行显示方法和装置
PCT/CN2015/093603 WO2016070770A1 (zh) 2014-11-07 2015-11-02 一种浏览器中对网页中图片进行显示方法和装置、一种浏览器中对网页中指定元素进行显示的方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410642885.5A CN104360882B (zh) 2014-11-07 2014-11-07 一种浏览器中对网页中图片进行显示方法和装置

Publications (2)

Publication Number Publication Date
CN104360882A CN104360882A (zh) 2015-02-18
CN104360882B true CN104360882B (zh) 2018-07-27

Family

ID=52528146

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410642885.5A Active CN104360882B (zh) 2014-11-07 2014-11-07 一种浏览器中对网页中图片进行显示方法和装置

Country Status (1)

Country Link
CN (1) CN104360882B (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106095466A (zh) * 2016-06-24 2016-11-09 北京市育学林教育技术有限公司 电子教材点击放大方法及其系统

Families Citing this family (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2016070770A1 (zh) * 2014-11-07 2016-05-12 北京奇虎科技有限公司 一种浏览器中对网页中图片进行显示方法和装置、一种浏览器中对网页中指定元素进行显示的方法和装置
CN106155455B (zh) * 2015-03-30 2020-03-03 阿里巴巴集团控股有限公司 界面中对象的控制方法和装置
CN106156066B (zh) * 2015-03-30 2019-12-13 阿里巴巴集团控股有限公司 一种页面切换方法、装置及客户端
CN105260383B (zh) * 2015-09-09 2019-05-21 北京奇虎科技有限公司 一种用于展现网页图像信息的处理方法及电子设备
KR102474244B1 (ko) 2015-11-20 2022-12-06 삼성전자주식회사 영상 표시 장치 및 그 동작방법
CN107145494A (zh) * 2016-03-01 2017-09-08 广州市动景计算机科技有限公司 一种浏览网页中缩略图的方法及装置
CN110020229A (zh) * 2017-07-27 2019-07-16 北京国双科技有限公司 网页页面表格中的链接显示方法和装置
CN107943838B (zh) * 2017-10-30 2021-09-07 北京大数元科技发展有限公司 一种自动获取xpath生成爬虫脚本的方法及系统
CN108563712B (zh) * 2018-03-28 2021-08-31 腾讯科技(深圳)有限公司 网页图片查看方法、装置及存储设备
CN111209499B (zh) * 2018-11-22 2021-10-29 北京字节跳动网络技术有限公司 一种页面展示的方法、装置、设备和可读介质
CN111399732B (zh) * 2020-03-13 2021-02-19 深圳市珍爱云信息技术有限公司 网页截图方法、装置、计算机设备和存储介质
CN112445991A (zh) * 2020-12-14 2021-03-05 南京中孚信息技术有限公司 一种基于vue的web图片预览方法及系统
CN115113969A (zh) * 2022-08-30 2022-09-27 北京达佳互联信息技术有限公司 一种内容显示方法、装置、设备及存储介质

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101094135A (zh) * 2006-06-23 2007-12-26 腾讯科技(深圳)有限公司 一种互联网内容信息的提取方法和提取系统
US7814084B2 (en) * 2007-03-21 2010-10-12 Schmap Inc. Contact information capture and link redirection
CN102591950A (zh) * 2011-12-28 2012-07-18 优视科技有限公司 基于移动终端的网页图片浏览方法及装置
CN102929952A (zh) * 2012-10-08 2013-02-13 北京奇虎科技有限公司 网页图片显示装置和方法
CN103873918A (zh) * 2012-12-14 2014-06-18 腾讯科技(深圳)有限公司 图片处理方法、装置及终端
CN104077389A (zh) * 2014-06-27 2014-10-01 北京奇虎科技有限公司 一种网页元素信息的显示方法和浏览器装置
CN104077387A (zh) * 2014-06-27 2014-10-01 北京奇虎科技有限公司 一种网页内容显示方法和浏览器装置

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101094135A (zh) * 2006-06-23 2007-12-26 腾讯科技(深圳)有限公司 一种互联网内容信息的提取方法和提取系统
US7814084B2 (en) * 2007-03-21 2010-10-12 Schmap Inc. Contact information capture and link redirection
CN102591950A (zh) * 2011-12-28 2012-07-18 优视科技有限公司 基于移动终端的网页图片浏览方法及装置
CN102929952A (zh) * 2012-10-08 2013-02-13 北京奇虎科技有限公司 网页图片显示装置和方法
CN103873918A (zh) * 2012-12-14 2014-06-18 腾讯科技(深圳)有限公司 图片处理方法、装置及终端
CN104077389A (zh) * 2014-06-27 2014-10-01 北京奇虎科技有限公司 一种网页元素信息的显示方法和浏览器装置
CN104077387A (zh) * 2014-06-27 2014-10-01 北京奇虎科技有限公司 一种网页内容显示方法和浏览器装置

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106095466A (zh) * 2016-06-24 2016-11-09 北京市育学林教育技术有限公司 电子教材点击放大方法及其系统

Also Published As

Publication number Publication date
CN104360882A (zh) 2015-02-18

Similar Documents

Publication Publication Date Title
CN104360882B (zh) 一种浏览器中对网页中图片进行显示方法和装置
JP6427616B2 (ja) ディスプレイ・オブジェクトの前生成
US11379108B2 (en) Display controlling method, terminal, information processing apparatus, and storage medium
CN103714115B (zh) 一种网页内容的加载方法和装置
US10542123B2 (en) System and method for generating and monitoring feedback of a published webpage as implemented on a remote client
CN103677823B (zh) 一种浏览器插件的管理方法和装置
US20130227484A1 (en) Customizing a tag cloud
CN102591950B (zh) 基于移动终端的网页图片浏览方法及装置
US20120304068A1 (en) Presentation format for an application tile
CN103034518B (zh) 加载浏览器控制工具的方法及浏览器
CN104346075B (zh) 进行截图处理的方法和客户端
US20120216109A1 (en) Analyzing an interaction history to generate a customized webpage
CN107577706B (zh) 用户行为数据处理方法、装置及计算机可读存储介质
CN104978358B (zh) 桌面展示网页片段的方法及截取网页片段至桌面展示系统
CN104021016B (zh) 加载浏览器插件图标的方法及浏览器
CN104361082A (zh) 一种浏览器中对网页中指定元素进行显示的方法和装置
JP6412109B2 (ja) アプリケーションに適合したオブジェクトのプレインフレート
CN102929484B (zh) 浏览器皮肤加载显示方法及装置
CN105224657B (zh) 一种基于搜索引擎的信息推荐方法及电子设备
US20130124974A1 (en) System for Assembling Webpage&#39;s Region of Other Website into a Webpage of a Website and Method for the Same
CN104346463A (zh) 一种页面标签的加载方法、装置和浏览器客户端
CN104268282A (zh) 一种展示网页广告的方法和系统
US9824151B2 (en) Providing a portion of requested data based upon historical user interaction with the data
US9240969B1 (en) Encouraging conversation in a social network
JP6449843B2 (ja) スクロール時における重い動作の延期

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
TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20220727

Address after: Room 801, 8th floor, No. 104, floors 1-19, building 2, yard 6, Jiuxianqiao Road, Chaoyang District, Beijing 100015

Patentee after: BEIJING QIHOO TECHNOLOGY Co.,Ltd.

Address before: 100088 room 112, block D, 28 new street, new street, Xicheng District, Beijing (Desheng Park)

Patentee before: BEIJING QIHOO TECHNOLOGY Co.,Ltd.

Patentee before: Qizhi software (Beijing) Co.,Ltd.