CN104077387B - 一种网页内容显示方法和浏览器装置 - Google Patents
一种网页内容显示方法和浏览器装置 Download PDFInfo
- Publication number
- CN104077387B CN104077387B CN201410302673.2A CN201410302673A CN104077387B CN 104077387 B CN104077387 B CN 104077387B CN 201410302673 A CN201410302673 A CN 201410302673A CN 104077387 B CN104077387 B CN 104077387B
- Authority
- CN
- China
- Prior art keywords
- information
- target photo
- original image
- web page
- picture
- 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.)
- Expired - Fee Related
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明实施例提供了一种网页内容显示方法和相应的浏览器装置。所述的方法包括:在浏览器中加载当前网页,解析出当前网页的文档对象模型信息;检测当前网页的文档对象模型中目标图片元素的预置触发事件,判断所述目标图片元素是否为以原始图片尺寸显示;如果确定所述目标图片不是以原始图片尺寸进行的显示,获取所述目标图片的原始图片信息并将其在所述当前网页中进行加载展示。从而可以通过预置触发事件触发获取原始图片信息并展示,操作简单,快捷。
Description
技术领域
本发明涉及浏览器技术领域,特别是涉及一种网页内容显示方法和一种浏览器装置。
背景技术
用户可以在网络中通过网页查看信息,网页中通常可以包含很多内容,如标题、各版块的正文、链接、广告、搜索框等,由于网页的尺寸限制,网页中的内容会按照一定的排版形式进行排布。
为了在有限的网页中尽量加载较多的内容,通常在网页排布时会对内容进行压缩,如正文分页展示,仅展示一些内容的标题及链接,又如展示一些图片的缩略图等
例如,用户打开了一个自行车的搜索结果页面,每个搜索结果会以一张缩略图和标题来显示,它们组成一个列表或网格。用户想查看某一个子内容的详细信息时,就需要点击链接或缩略图,然后浏览器再打开新的页面,展现详细内容。
但是,上述这种方法导致用户在查看图片等内容时,往往需要通过点击等操作触发新页面的启动,再加载该页面进行展示,操作比较繁琐,且比较浪费时间。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的网页内容显示方法和相应的浏览器装置。
依据本发明的一个方面,提供了一种网页内容的显示方法,包括:在浏览器中加载当前网页,解析出当前网页的文档对象模型信息;检测当前网页的文档对象模型中目标图片元素的预置触发事件,判断所述目标图片元素是否为以原始图片尺寸显示;如果确定所述目标图片不是以原始图片尺寸进行的显示,获取所述目标图片的原始图片信息并将其在所述当前网页中进行加载展示。
可选的,所述检测当前网页的文档对象模型中目标图片元素的预置触发事件,包括:从所述当前网页的文档对象模型中查找目标图片元素的DOM节点;检测所述目标图片元素的DOM节点上是否存在预置触发事件。
可选的,所述预置触发事件包括以下至少一项:目标图片元素的鼠标悬停事件、鼠标选取事件和鼠标拖拽事件。
可选的,所述判断所述目标图片元素是否为以原始图片尺寸显示,包括:从所述文档对象模型信息中所述目标图片元素的DOM节点处获取统一资源定位符信息;从所述统一资源定位符信息中获取网站信息,并查询所述网站信息对应的图片显示规则;依据所述网站信息对应的图片显示规则确定目标图片元素是否为以原始图片尺寸显示。
可选的,所述依据所述网站信息对应的图片显示规则确定目标图片元素是否为以原始图片尺寸显示,包括:当确定所述网站信息为第一网站时,获取所述第一网站对应的第一显示规则,检测所述统一资源定位符信息中是否存在图片的尺寸信息;若所述统一资源定位符信息中存在图片的尺寸信息,则目标图片元素为非原始图片尺寸显示;若所述统一资源定位符信息中不存在图片的尺寸信息,则目标图片元素为原始图片尺寸显示。
根据本发明的另一个方面,公开了一种浏览器装置,包括:解析模块,用于在浏览器中加载当前网页,解析出当前网页的文档对象模型信息;检测模块,用于检测当前网页的文档对象模型中目标图片元素的预置触发事件,判断所述目标图片元素是否为以原始图片尺寸显示;获取模块,用于在确定所述目标图片不是以原始图片尺寸进行的显示时,获取所述目标图片的原始图片信息;展示模块,用于将原始图片信息在在所述当前网页中进行加载展示。
可选的,所述检测模块,包括:第一检测子模块,用于从所述当前网页的文档对象模型中查找目标图片元素的DOM节点;检测所述目标图片元素的DOM节点上是否存在预置触发事件。
可选的,所述预置触发事件包括以下至少一项:目标图片元素的鼠标悬停事件、鼠标选取事件和鼠标拖拽事件。
可选的,所述检测模块,包括:第二检测子模块,用于从所述文档对象模型信息中所述目标图片元素的DOM节点处获取统一资源定位符信息;从所述统一资源定位符信息中获取网站信息,并查询所述网站信息对应的图片显示规则;依据所述网站信息对应的图片显示规则确定目标图片元素是否为以原始图片尺寸显示。
可选的,第二检测子模块,用于当确定所述网站信息为第一网站时,获取所述第一网站对应的第一显示规则,检测所述统一资源定位符信息中是否存在图片的尺寸信息;若所述统一资源定位符信息中存在图片的尺寸信息,则目标图片元素为非原始图片尺寸显示;若所述统一资源定位符信息中不存在图片的尺寸信息,则目标图片元素为原始图片尺寸显示。
本发明实施例在浏览器中加载当前网页,解析出当前网页的文档对象模型信息,检测当前网页的文档对象模型中目标图片元素的预置触发事件,判断所述目标图片元素是否为以原始图片尺寸显示,如果确定所述目标图片不是以原始图片尺寸进行的显示,获取所述目标图片的原始图片信息并将其在所述当前网页中进行加载展示,通过预置触发事件触发获取原始图片信息并展示,操作简单,快捷。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了根据本发明实施例一的网页内容的显示方法步骤流程图;
图2示出了根据本发明实施例二的网页内容的显示方法步骤流程图;以及
图3示出了根据本发明实施例二中确定目标图片元素显示尺寸的第一种方法;
图4示出了根据本发明实施例二中确定目标图片元素显示尺寸的第二种方法;
图5A示出了根据本发明实施例三的浏览器装置结构框图;
图5B示出了根据本发明实施例三的浏览器装置可选结构框图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
参照图1,示出了根据本发明实施例一的网页内容的显示方法步骤流程图,具体可以包括如下步骤:
步骤102,在浏览器中加载当前网页,解析出当前网页的文档对象模型信息。
浏览器中加载网页时,可以获取当前网页的文档对象模型(Document ObjectModel,DOM)信息,其中DOM信息将对应的文档呈现为带有元素、属性和文本的树结构(节点树)。
步骤104,检测当前网页的文档对象模型中目标图片元素的预置触发事件,判断所述目标图片元素是否为以原始图片尺寸显示。
用户在当前网页中的操作会反馈到当前网页的DOM信息中,如生成某些网页元素的事件,因此要对文档对象模型中目标图片元素的预置触发事件进行检测,在目标图片元素的预置触发事件被触发时,通过DOM信息中该目标图片元素所在DOM节点的属性,确定目标图片元素是否为以原始图片尺寸显示,即确定目标图片元素在当前网页中显示的图片是否是该图片的原始图片。
步骤106,如果确定所述目标图片不是以原始图片尺寸进行的显示,获取所述目标图片的原始图片信息并将其在所述当前网页中进行加载展示。
若所述目标图片不是以原始图片尺寸进行的显示,可以依据DOM信息中该目标图片元素所在DOM节点的属性信息,获取该目标图片的原始图片信息并将其在所述当前网页中进行加载展示。
综上所述,在浏览器中加载当前网页,解析出当前网页的文档对象模型信息,检测当前网页的文档对象模型中目标图片元素的预置触发事件,判断所述目标图片元素是否为以原始图片尺寸显示,如果确定所述目标图片不是以原始图片尺寸进行的显示,获取所述目标图片的原始图片信息并将其在所述当前网页中进行加载展示,通过预置触发事件触发获取原始图片信息并展示,操作简单,快捷。
实施例二
在上实施例的基础上,本实施例进一步论述网页内容的显示方法。
参照图2,示出了根据本发明实施例二的网页内容的显示方法步骤流程图,具体可以包括如下步骤:
步骤202,在浏览器中加载当前网页,解析出当前网页的DOM信息。
步骤204,从所述当前网页的DOM中查找目标图片元素的DOM节点。
步骤206,检测所述目标图片元素的DOM节点上是否存在预置触发事件。
在浏览器中加载当前网页并解析出当前网页的DOM信息后,可以获取当前网页的DOM节点树,其中包括有当前网页的各网页元素及其属性信息等内容,其中网页元素包括很多种类型,如图片、视频、文本等。
本实施例中可以从DOM信息中查找目标图片元素的DOM节点,然后对该目标图片元素的DOM节点进行检测确定其是否存在预置触发事件。
其中,所述预置触发事件包括以下至少一项:目标图片元素的鼠标悬停事件、鼠标选取事件和鼠标拖拽事件。
如用户将鼠标至于目标图片元素在网页中显示的对象之上,就会触发产生目标图片元素的鼠标悬停事件;在网页中采用鼠标选取某一图片,即可触发该图片对应图片元素的鼠标选取事件。
因此,若检测到目标网页元素的DOM节点上存在预置触发事件,则执行步骤208;否则,即检测到目标网页元素的DOM节点上不存在预置触发事件,则返回步骤206继续检测,直到当前网页关闭或非焦点显示为止。
步骤208,从所述DOM信息中所述目标图片元素的DOM节点处获取URL信息。
步骤210,依据所述URL信息确定所述目标图片元素是否为以原始图片尺寸显示。
当前网页的DOM信息中包括各网页元素的属性信息,对于图片元素而言通常网页是通过其属性信息中的统一资源定位符(Uniform Resource Locator,URL)信息对该图片进行加载的,因此可以直接从目标图片元素的属性信息中获取URL信息,然后对该URL信息进行检测以确定目标图片元素是否为以原始图片尺寸显示,即目标图片元素对应显示的图片是否是原始图片。
若是,即确定目标图片元素为以原始图片尺寸显示,则结束上述流程,后续也可以对其他目标图片元素进行检测。
若否,即确定目标图片元素为以非原始图片尺寸显示,则执行步骤212。
本发明一个可选实施例中,上述步骤210依据所述URL信息确定所述目标图片元素是否为以原始图片尺寸显示,如图3所示具体包括以下步骤:
步骤302,从所述URL信息中获取网站信息。
本发明实施例中,不同网站在加载图片是存在不同的显示规则,因此要从URL信息中获取网站信息,如依据URL信息获取网站的域名作为网站信息,通过网站信息可以确定该网站的名称、类型等,如百度、淘宝、京东等。当通过网站信息确定为第一网站时执行步骤304,当通过网站信息确定为第二网站时执行步骤312。
步骤304,获取所述第一网站对应的第一显示规则。
步骤306,检测所述URL信息中是否存在图片的尺寸信息。
当通过网站信息确定为第一网站时,获取第一网站对应的第一显示规则,该第一显示规则标识了第一网站通过在URL信息添加尺寸信息来限定图片的显示大小,从而不直接显示原始图片。并且删除该URL中的尺寸信息后通常可以获取该原始图片,从而通过原始图片的尺寸与URL中的尺寸信息进行比较也可以确定显示的是否为原始图片。
若是,即所述URL信息中存在图片的尺寸信息,则执行步骤316;若否,即所述URL信息中不存在图片的尺寸信息,则执行步骤318,目标图片元素为原始图片尺寸显示
例如,在第一网站中搜索“自行车”,在搜索结果页面中显示了很多搜索结果,并且每个搜索结果均展示了“自行车”的图片。从该图片对应图片元素的属性信息中获取URL信息,假设该图片元素的URL为http://g.search1.alicdn.com/img/bao/uploaded/i4/i2/T1xm2aFM4aXXXXXXXX_!!0-item_pic.jpg_250x250.jpg。
从该图片元素的URL信息中可以获知该URL是以“jpg_250x250.jpg”为结尾的,其中250x250表示这个图片的尺寸信息,说明它有可能是一个缩略图,即为非原始图片尺寸显示。
可以将该URL信息结尾的“_250x250.jpg”删除,从而得到URL为http://g.search1.alicdn.com/img/bao/uploaded/i4/i2/T1xm2aFM4aXXXXXXXX_!!0-item_pic.jpg,对该URL进行请求可以获取该图片元素对应原始图片。通过原始图片的原始尺寸与上述尺寸信息进行比较,可以确定该图片元素为非原始图片尺寸显示。
步骤308,获取所述第二网站对应的第二显示规则。
步骤310,依据所述第二网站对应的第二显示规则从原始图片入口中获取所述目标图片元素对应目标图片的原始尺寸。
步骤312,从所述URL信息中获取所述目标图片元素对应目标图片的尺寸信息。
步骤314,检测所述目标图片元素对应目标图片的尺寸信息与所述原始尺寸是否相同。
当通过网站信息确定为第二网站时,获取第二网站对应的第二显示规则,该第二显示规则标识了第二网站的原始图片入口。从而可以从该图片入口中获取所述目标图片元素对应的原始图片以及原始图片的原始尺寸信息,并且可以通过该目标图片元素对应URL信息中获取当前网页中显示图片的尺寸信息,从而将当前网页中显示图片的尺寸信息与原始图片的原始尺寸信息进行比较。
当尺寸信息与所述原始尺寸相同时,执行步骤316;当尺寸信息与所述原始尺寸不同时,执行步骤318。
步骤316,目标图片元素为原始图片尺寸显示。
步骤318,目标图片元素为非原始图片尺寸显示。
若所述尺寸信息与所述原始尺寸相同,则目标图片元素为原始图片尺寸显示;若尺寸信息与所述原始尺寸不同,则目标图片元素为非原始图片尺寸显示。
例如,某一图片在网页中显示的尺寸信息为961*456,通过第二显示规则确定图片入口获取该图片的原始图片的URL为http://img6.cache.netease.com/photo/0005/2014-06-17/9UTF75945O2H0005.jpg进而获取原始图片的原始尺寸是995*680,尺寸信息与原始尺寸不相同,确定其为非原始图片尺寸显示。
实际上除了通过URL信息确定目标图片元素的显示图片的尺寸信息,以确定是否为非原始图片显示之外,还可以通过其他信息获取显示图片的尺寸信息,如级联样式表(Cascading Style Sheets,CSS)等。
其中,CSS是一种用来表现超文本标记语言(Hyper Text Markup Language,HTML)或可扩展标记语言(Extensible Markup Language,XML)等文件样式的计算机语言,相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持各种字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计。
本发明另一个可选实施例中,上述步骤210依据所述URL信息确定所述目标图片元素是否为以原始图片尺寸显示,如图4所示具体包括以下步骤:
步骤402,从所述DOM信息中所述目标图片元素的DOM节点处获取URL信息。
步骤404,依据所述URL信息获取所述目标图片元素对应目标图片的原始尺寸。
步骤408,从所述当前网页的CSS中获取所述目标图片元素对应目标图片的显示尺寸。
步骤410,检测所述目标图片元素对应目标图片的原始尺寸与所述显示尺寸是否相同。
从所述DOM信息中所述目标图片元素的DOM节点处获取URL信息,通过该URL信息获取所述目标图片元素对应目标图片的原始尺寸,如通过URL获取该图片的原始图片的存储地址,从而获取原始尺寸。然后从当前网页的CSS中获取所述目标图片元素对应目标图片的显示尺寸,采用原始尺寸与所述显示尺寸进行比较确定是否相同。
若所述原始尺寸与所述显示尺寸相同,执行步骤412;若所述原始尺寸与所述原始尺寸不同,执行步骤414。
步骤412,目标图片元素为原始图片尺寸显示。
步骤414,目标图片元素为非原始图片尺寸显示。
若所述原始尺寸与所述显示尺寸相同,则目标图片元素为原始图片尺寸显示。若所述原始尺寸与所述原始尺寸不同,则目标图片元素为非原始图片尺寸显示。
步骤212,获取所述目标图片的原始图片信息。
在确定目标图片元素为以非原始图片尺寸显示时,可以获取该目标图片元素对应的原始图片信息。
其中,若URL信息中包括尺寸信息,则可以删除所述URL信息中的尺寸信息,得到所述目标图片元素对应目标图片的原始存储地址;从所述原始存储地址中获取所述目标图片元素对应的原始图片信息。
如上例中,将该URL信息结尾的“_250x250.jpg”删除,从而得到目标图片元素对应目标图片的原始存储地址,对应的URL为http://g.search1.alicdn.com/img/bao/uploaded/i4/i2/T1xm2aFM4aXXXXXXXX_!!0-item_pic.jpg,对该URL进行请求可以获取该图片元素对应原始图片信息。
若通过原始如片入口确定目标图片元素是否以非原始图片尺寸显示,则可以依据所述网站信息对应的图片显示规则从原始图片入口中获取所述目标图片元素对应的原始图片信息。
如上例通过第二显示规则确定图片入口获取原始图片的存储地址为http://img6.cache.netease.com/photo/0005/2014-06-17/9UTF75945O2H0005.jpg进而获取原始图片信息。
在获取原始图片信息时,还可以采用所述URL信息向图片维护服务器请求原始图片信息。即***中存在一个专门用于维护原始图片的服务器,该服务器在浏览器中开启网页后可以获取该网页中各图片的原始图片信息,从而通过该URL信息向图片维护服务器请求原始图片信息。
步骤214,将原始图片信息在所述当前网页中进行加载展示。
获取到原始图片信息之后,可以在当前网页中加载该原始图片信息并进行展示,如在鼠标所在的位置展示,或者在该目标图片元素对应图片上方展示的。
其中,在当前网页的DOM信息中添加原始图片信息的DOM节点;生成包含所述原始图片信息的图片悬浮层在所述目标图片的对应位置处显示。
在当前网页的DOM信息中查找目标图片元素的DOM节点,可以为该节点关联添加该原始图片信息的DOM节点,并在该原始图片信息的DOM节点中配置属性信息生成图形标识码的图片悬浮层,从而可以在在对应于所述目标图片元素的一周边位置处,生成包含所述原始图片信息的图片悬浮层进行显示。
或者,当所述当前网页为所述选定网站的网页时,在所述浏览器的地址栏中添加原始图片的查看提示信息;在接收到对所述查看提示信息的触发指示后,在在所述当前网页中进行加载所述原始图片信息进行展示。
上述通过URL信息获取网站信息时,可以获取网站的名称、域名等,从而确定网站类型等信息,因此对于当前网页为所述选定网站的网页时,如一些规模、流量较大的网站,如百度、淘宝等,从而在该网站的网页中检测到目标图片元素为非原始图片,并获取到原始图片之后,可以浏览器的地址栏中添加原始图片的查看提示信息,其中,所述查看提示信息包括以下任一项:图标、按钮和提示窗口等。进而在接收到对所述查看提示信息的触发指示后,在所述当前网页中进行加载所述原始图片信息进行展示。
例如,对于选定网站的网页添加查看提示信息,例如在地址栏中添加具有放大镜功能的按钮(icon),在点击该icon后会产生触发指示,从而展示原始图片信息。
或者,在所述当前网页中加载所述原始图片信息,并在鼠标所在的位置处显示原始图片。可以在当前网页的DOM信息中查找目标图片元素的DOM节点,可以为该节点关联添加该原始图片信息的DOM节点,然后在鼠标所在的位置处显示原始图片。
本发明一个可选实施例中,还包括:依据所述当前网页中的鼠标拖动事件,对所述原始图片进行放大处理。
在当前网页中显示原始图片信息后,若对当前网页中存在对该原始图片信息对应图片检测到鼠标拖动事件,则可以对该原始图片进行放大处理。
本发明一个可选实施例中,还包括:依据所述URL信息获取所述目标图片元素对应目标图片的描述信息并显示。
还把可以获取该目标图片元素的描述信息,如名称、摘要和来源信息、大小等,可以从属性信息中获取,还可以解析URL信息中获取,然后在该原始图片信息的显示位置处中添加所述描述信息并进行显示。
本发明一个可选实施例中,还包括:依据所述原始图片信息生成原始图片的二维码并显示。
二维码(Two-dimensional code)是用特定的几何图形按一定规律在平面(二维方向)上分布的黑白相间的图形,是所有信息数据的一把钥匙。可以调用浏览器主程序中内置的组件或者浏览器的插件,将所述原始图片信息转换成二维码字符串,即该二维码字符串中包含该原始图片信息,从而对所述二维码字符串进行解析生成二维码,该二维码中包含该原始图片信息,后续通过解析二维码即可获取该原始图片信息。
本发明一个可选实施例中,还包括:依据所述原始图片信息将原始图片发送到指定的设备中。浏览器还可以具有与指定的设备通信的接口,从而可以将原始图片信息发送给指定的设备如手机、平板电脑等,或者通过云存储上传同步等。
本发明一个可选实施例中,还包括:依据所述原始图片信息将所述原始图片下载到缓存中;当所述当前网页中发生特定事件时,从缓存中获取所述原始图片并显示。
对于该原始图片信息,可以在后台将原始图片信息的下载到缓存中,并在特定事件发生时直接从缓存中读取,并且,对于网页中非原始图片信息的图片元素,可以预先下载其对应的原始图片信息并缓存,从而在依据预置触发事件确定要显示该原始图片信息时,可以从缓存中快速获取并显示。
对于方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明实施例并不受所描述的动作顺序的限制,因为依据本发明实施例,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作并不一定是本发明实施例所必须的。
实施例三
在上述实施例的基础上,本实施例还提供了一种浏览器装置。
参照图5A,示出了根据本发明实施例三的浏览器装置结构框图,具体可以包括如下模块:
解析模块502,用于在浏览器中加载当前网页,解析出当前网页的文档对象模型信息。
检测模块504,用于检测当前网页的文档对象模型中目标图片元素的预置触发事件,判断所述目标图片元素是否为以原始图片尺寸显示。
获取模块506,用于在确定所述目标图片不是以原始图片尺寸进行的显示时,获取所述目标图片的原始图片信息。
展示模块508,用于将原始图片信息在在所述当前网页中进行加载展示。
综上所述,在浏览器中加载当前网页,解析出当前网页的文档对象模型信息,检测当前网页的文档对象模型中目标图片元素的预置触发事件,判断所述目标图片元素是否为以原始图片尺寸显示,如果确定所述目标图片不是以原始图片尺寸进行的显示,获取所述目标图片的原始图片信息并将其在所述当前网页中进行加载展示,通过预置触发事件触发获取原始图片信息并展示,操作简单,快捷。
参照图5B,示出了根据本发明实施例三的浏览器装置可选结构框图,具体可以包括如下模块:
所述检测模块504,包括:第一检测子模块50402,用于从所述当前网页的文档对象模型中查找目标图片元素的DOM节点;检测所述目标图片元素的DOM节点上是否存在预置触发事件。
其中,所述预置触发事件包括以下至少一项:目标图片元素的鼠标悬停事件、鼠标选取事件和鼠标拖拽事件。
第二检测子模块50404,用于从所述文档对象模型信息中所述目标图片元素的DOM节点处获取统一资源定位符信息;从所述统一资源定位符信息中获取网站信息,并查询所述网站信息对应的图片显示规则;依据所述网站信息对应的图片显示规则确定目标图片元素是否为以原始图片尺寸显示。
其中,第二检测子模块50404,用于当确定所述网站信息为第一网站时,获取所述第一网站对应的第一显示规则,检测所述统一资源定位符信息中是否存在图片的尺寸信息;若所述统一资源定位符信息中存在图片的尺寸信息,则目标图片元素为非原始图片尺寸显示;若所述统一资源定位符信息中不存在图片的尺寸信息,则目标图片元素为原始图片尺寸显示。
第二检测子模块50404,用于当确定所述网站信息为第二网站时,依据所述第二网站对应的第二显示规则从原始图片入口中获取所述目标图片元素对应目标图片的原始尺寸;从所述统一资源定位符信息中获取所述目标图片元素对应目标图片的尺寸信息;检测所述目标图片元素对应目标图片的尺寸信息与所述原始尺寸是否相同;若所述尺寸信息与所述原始尺寸相同,则目标图片元素为原始图片尺寸显示;若尺寸信息与所述原始尺寸不同,则目标图片元素为非原始图片尺寸显示。
第二检测子模块50404,用于从所述文档对象模型信息中所述目标图片元素的DOM节点处获取统一资源定位符信息;依据所述统一资源定位符信息获取所述目标图片元素对应目标图片的原始尺寸;从所述当前网页的级联样式表中获取所述目标图片元素对应目标图片的显示尺寸;检测所述目标图片元素对应目标图片的原始尺寸与所述显示尺寸是否相同;若所述原始尺寸与所述显示尺寸相同,则目标图片元素为原始图片尺寸显示;若所述原始尺寸与所述原始尺寸不同,则目标图片元素为非原始图片尺寸显示。
所述获取模块506,用于删除所述统一资源定位符信息中的尺寸信息,得到所述目标图片元素对应目标图片的原始存储地址;从所述原始存储地址中获取所述目标图片元素对应的原始图片信息。
所述获取模块506,用于依据所述网站信息对应的图片显示规则从原始图片入口中获取所述目标图片元素对应的原始图片信息。
所述获取模块506,用于采用所述统一资源定位符信息向图片维护服务器请求原始图片信息。
所述展示模块508,用于在当前网页的文档对象模型信息中添加原始图片信息的DOM节点;生成包含所述原始图片信息的图片悬浮层在所述目标图片的对应位置处显示。
所述展示模块508,用于当所述当前网页为所述选定网站的网页时,在所述浏览器的地址栏中添加原始图片的查看提示信息,其中,所述查看提示信息包括以下任一项:图标、按钮和提示窗口;在接收到对所述查看提示信息的触发指示后,在所述当前网页中进行加载所述原始图片信息进行展示。
所述展示模块508,用于在所述当前网页中加载所述原始图片信息,并在鼠标所在的位置处显示原始图片。
所述展示模块508,还用于依据所述当前网页中的鼠标拖动事件,对所述原始图片进行放大处理。
所述展示模块508,还用于依据所述统一资源定位符信息获取所述目标图片元素对应目标图片的描述信息并显示。
所述展示模块508,还用于依据所述原始图片信息生成原始图片的二维码并显示。
可选的,发送模块510,用于依据所述原始图片信息将原始图片发送到指定的设备中。
可选的,所述获取模块506,还用于依据所述原始图片信息将所述原始图片下载到缓存中;所述展示模块508,还用于当所述当前网页中发生特定事件时,从缓存中获取所述原始图片并显示。
对于装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
在此提供的算法和显示不与任何特定计算机、虚拟***或者其它设备固有相关。各种通用***也可以与基于在此的示教一起使用。根据上面的描述,构造这类***所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的网页内容显示方法和浏览器设备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
本发明公开了A1、一种网页内容的显示方法,包括:在浏览器中加载当前网页,解析出当前网页的文档对象模型信息;检测当前网页的文档对象模型中目标图片元素的预置触发事件,判断所述目标图片元素是否为以原始图片尺寸显示;如果确定所述目标图片不是以原始图片尺寸进行的显示,获取所述目标图片的原始图片信息并将其在所述当前网页中进行加载展示。
A2、如A1所述的方法,所述检测当前网页的文档对象模型中目标图片元素的预置触发事件,包括:从所述当前网页的文档对象模型中查找目标图片元素的DOM节点;检测所述目标图片元素的DOM节点上是否存在预置触发事件。
A3、如A1或A2所述的方法,所述预置触发事件包括以下至少一项:目标图片元素的鼠标悬停事件、鼠标选取事件和鼠标拖拽事件。
A4、如A1所述的方法,所述判断所述目标图片元素是否为以原始图片尺寸显示,包括:从所述文档对象模型信息中所述目标图片元素的DOM节点处获取统一资源定位符信息;从所述统一资源定位符信息中获取网站信息,并查询所述网站信息对应的图片显示规则;依据所述网站信息对应的图片显示规则确定目标图片元素是否为以原始图片尺寸显示。
A5、如A4所述的方法,所述依据所述网站信息对应的图片显示规则确定目标图片元素是否为以原始图片尺寸显示,包括:当确定所述网站信息为第一网站时,获取所述第一网站对应的第一显示规则,检测所述统一资源定位符信息中是否存在图片的尺寸信息;若所述统一资源定位符信息中存在图片的尺寸信息,则目标图片元素为非原始图片尺寸显示;若所述统一资源定位符信息中不存在图片的尺寸信息,则目标图片元素为原始图片尺寸显示。
A6、如A4所述的方法,所述依据所述网站信息对应的图片显示规则确定目标图片元素是否为以原始图片尺寸显示,包括:当确定所述网站信息为第二网站时,依据所述第二网站对应的第二显示规则从原始图片入口中获取所述目标图片元素对应目标图片的原始尺寸;从所述统一资源定位符信息中获取所述目标图片元素对应目标图片的尺寸信息;检测所述目标图片元素对应目标图片的尺寸信息与所述原始尺寸是否相同;若所述尺寸信息与所述原始尺寸相同,则目标图片元素为原始图片尺寸显示;若尺寸信息与所述原始尺寸不同,则目标图片元素为非原始图片尺寸显示。
A7、如A4所述的方法,所述判断所述目标图片元素是否为以原始图片尺寸显示,包括:从所述文档对象模型信息中所述目标图片元素的DOM节点处获取统一资源定位符信息;依据所述统一资源定位符信息获取所述目标图片元素对应目标图片的原始尺寸;从所述当前网页的级联样式表中获取所述目标图片元素对应目标图片的显示尺寸;检测所述目标图片元素对应目标图片的原始尺寸与所述显示尺寸是否相同;若所述原始尺寸与所述显示尺寸相同,则目标图片元素为原始图片尺寸显示;若所述原始尺寸与所述原始尺寸不同,则目标图片元素为非原始图片尺寸显示。
A8、如A5所述的方法,获取所述目标图片的原始图片信息,包括:删除所述统一资源定位符信息中的尺寸信息,得到所述目标图片元素对应目标图片的原始存储地址;从所述原始存储地址中获取所述目标图片元素对应的原始图片信息。
A9、如A6所述的方法,获取所述目标图片的原始图片信息,包括:依据所述网站信息对应的图片显示规则从原始图片入口中获取所述目标图片元素对应的原始图片信息。
A10、如A4至A7任一所述的方法,获取所述目标图片的原始图片信息,包括:采用所述统一资源定位符信息向图片维护服务器请求原始图片信息。
A11、如A1所述的方法,将原始图片信息在所述当前网页中进行加载展示,包括:在当前网页的文档对象模型信息中添加原始图片信息的DOM节点;生成包含所述原始图片信息的图片悬浮层在所述目标图片的对应位置处显示。
A12、如A1所述的方法,将原始图片信息在所述当前网页中进行加载展示,包括:当所述当前网页为所述选定网站的网页时,在所述浏览器的地址栏中添加原始图片的查看提示信息,其中,所述查看提示信息包括以下任一项:图标、按钮和提示窗口;在接收到对所述查看提示信息的触发指示后,在所述当前网页中进行加载所述原始图片信息进行展示。
A13、如A1所述的方法,其特征在于,将原始图片信息在所述当前网页中进行加载展示,包括:在所述当前网页中加载所述原始图片信息,并在鼠标所在的位置处显示原始图片。
A14、如A13所述的方法,还包括:依据所述当前网页中的鼠标拖动事件,对所述原始图片进行放大处理。
A15、如A11至A13任一所述的方法,还包括:依据所述统一资源定位符信息获取所述目标图片元素对应目标图片的描述信息并显示。
A16、如A1所述的方法,还包括:依据所述原始图片信息生成原始图片的二维码并显示。
A17、如A1所述的方法,还包括:依据所述原始图片信息将原始图片发送到指定的设备中。
A18、如A1所述的方法,还包括:依据所述原始图片信息将所述原始图片下载到缓存中;当所述当前网页中发生特定事件时,从缓存中获取所述原始图片并显示。
本发明还公开了B19、一种浏览器装置,包括:解析模块,用于在浏览器中加载当前网页,解析出当前网页的文档对象模型信息;检测模块,用于检测当前网页的文档对象模型中目标图片元素的预置触发事件,判断所述目标图片元素是否为以原始图片尺寸显示;获取模块,用于在确定所述目标图片不是以原始图片尺寸进行的显示时,获取所述目标图片的原始图片信息;展示模块,用于将原始图片信息在在所述当前网页中进行加载展示。
B20、如B19所述的装置,所述检测模块,包括:第一检测子模块,用于从所述当前网页的文档对象模型中查找目标图片元素的DOM节点;检测所述目标图片元素的DOM节点上是否存在预置触发事件。
B21、如B19或B20所述的装置,其特征在于,所述预置触发事件包括以下至少一项:目标图片元素的鼠标悬停事件、鼠标选取事件和鼠标拖拽事件。
B22、如B19所述的装置,所述检测模块,包括:第二检测子模块,用于从所述文档对象模型信息中所述目标图片元素的DOM节点处获取统一资源定位符信息;从所述统一资源定位符信息中获取网站信息,并查询所述网站信息对应的图片显示规则;依据所述网站信息对应的图片显示规则确定目标图片元素是否为以原始图片尺寸显示。
B23、如B22所述的装置:第二检测子模块,用于当确定所述网站信息为第一网站时,获取所述第一网站对应的第一显示规则,检测所述统一资源定位符信息中是否存在图片的尺寸信息;若所述统一资源定位符信息中存在图片的尺寸信息,则目标图片元素为非原始图片尺寸显示;若所述统一资源定位符信息中不存在图片的尺寸信息,则目标图片元素为原始图片尺寸显示。
B24、如B22所述的方法:第二检测子模块,用于当确定所述网站信息为第二网站时,依据所述第二网站对应的第二显示规则从原始图片入口中获取所述目标图片元素对应目标图片的原始尺寸;从所述统一资源定位符信息中获取所述目标图片元素对应目标图片的尺寸信息;检测所述目标图片元素对应目标图片的尺寸信息与所述原始尺寸是否相同;若所述尺寸信息与所述原始尺寸相同,则目标图片元素为原始图片尺寸显示;若尺寸信息与所述原始尺寸不同,则目标图片元素为非原始图片尺寸显示。
B25、如B22所述的装置,所述检测模块,包括:第二检测子模块,用于从所述文档对象模型信息中所述目标图片元素的DOM节点处获取统一资源定位符信息;依据所述统一资源定位符信息获取所述目标图片元素对应目标图片的原始尺寸;从所述当前网页的级联样式表中获取所述目标图片元素对应目标图片的显示尺寸;检测所述目标图片元素对应目标图片的原始尺寸与所述显示尺寸是否相同;若所述原始尺寸与所述显示尺寸相同,则目标图片元素为原始图片尺寸显示;若所述原始尺寸与所述原始尺寸不同,则目标图片元素为非原始图片尺寸显示。
B26、如B23所述的装置:所述获取模块,用于删除所述统一资源定位符信息中的尺寸信息,得到所述目标图片元素对应目标图片的原始存储地址;从所述原始存储地址中获取所述目标图片元素对应的原始图片信息。
B27、如B24所述的装置:所述获取模块,用于依据所述网站信息对应的图片显示规则从原始图片入口中获取所述目标图片元素对应的原始图片信息。
B28、如B22至B25任一所述的装置:所述获取模块,用于采用所述统一资源定位符信息向图片维护服务器请求原始图片信息。
B29、如B19所述的装置:所述展示模块,用于在当前网页的文档对象模型信息中添加原始图片信息的DOM节点;生成包含所述原始图片信息的图片悬浮层在所述目标图片的对应位置处显示。
B30、如B19所述的装置:所述展示模块,用于当所述当前网页为所述选定网站的网页时,在所述浏览器的地址栏中添加原始图片的查看提示信息,其中,所述查看提示信息包括以下任一项:图标、按钮和提示窗口;在接收到对所述查看提示信息的触发指示后,在所述当前网页中进行加载所述原始图片信息进行展示。
B31、如B19所述的装置:所述展示模块,用于在所述当前网页中加载所述原始图片信息,并在鼠标所在的位置处显示原始图片。
B32、如B31所述的方法:所述展示模块,还用于依据所述当前网页中的鼠标拖动事件,对所述原始图片进行放大处理。
B33、如B29至B31任一所述的装置:所述展示模块,还用于依据所述统一资源定位符信息获取所述目标图片元素对应目标图片的描述信息并显示。
B34、如B19所述的装置:所述展示模块,还用于依据所述原始图片信息生成原始图片的二维码并显示。
B35、如B19所述的装置,还包括:发送模块,用于依据所述原始图片信息将原始图片发送到指定的设备中。
B36、如B19所述的装置:所述获取模块,还用于依据所述原始图片信息将所述原始图片下载到缓存中;所述展示模块,还用于当所述当前网页中发生特定事件时,从缓存中获取所述原始图片并显示。
Claims (32)
1.一种网页内容的显示方法,包括:
在浏览器中加载当前网页,解析出当前网页的文档对象模型信息;
检测当前网页的文档对象模型中目标图片元素的预置触发事件,判断所述目标图片元素是否为以原始图片尺寸显示;
如果确定所述目标图片不是以原始图片尺寸进行的显示,获取所述目标图片的原始图片信息并将其在所述当前网页中进行加载展示;
所述判断所述目标图片元素是否为以原始图片尺寸显示,包括:从所述文档对象模型信息中所述目标图片元素的DOM节点处获取统一资源定位符信息;从所述统一资源定位符信息中获取网站信息,并查询所述网站信息对应的图片显示规则;依据所述网站信息对应的图片显示规则确定目标图片元素是否为以原始图片尺寸显示;
所述依据所述网站信息对应的图片显示规则确定目标图片元素是否为以原始图片尺寸显示,包括:当确定所述网站信息为第一网站时,获取所述第一网站对应的第一显示规则,检测所述统一资源定位符信息中是否存在图片的尺寸信息;若所述统一资源定位符信息中存在图片的尺寸信息,则目标图片元素为非原始图片尺寸显示;若所述统一资源定位符信息中不存在图片的尺寸信息,则目标图片元素为原始图片尺寸显示。
2.如权利要求1所述的方法,其特征在于,所述检测当前网页的文档对象模型中目标图片元素的预置触发事件,包括:
从所述当前网页的文档对象模型中查找目标图片元素的DOM节点;
检测所述目标图片元素的DOM节点上是否存在预置触发事件。
3.如权利要求1或2所述的方法,其特征在于,所述预置触发事件包括以下至少一项:目标图片元素的鼠标悬停事件、鼠标选取事件和鼠标拖拽事件。
4.如权利要求1所述的方法,其特征在于,所述依据所述网站信息对应的图片显示规则确定目标图片元素是否为以原始图片尺寸显示,还包括:
当确定所述网站信息为第二网站时,依据所述第二网站对应的第二显示规则从原始图片入口中获取所述目标图片元素对应目标图片的原始尺寸;
从所述统一资源定位符信息中获取所述目标图片元素对应目标图片的尺寸信息;
检测所述目标图片元素对应目标图片的尺寸信息与所述原始尺寸是否相同;
若所述尺寸信息与所述原始尺寸相同,则目标图片元素为原始图片尺寸显示;
若尺寸信息与所述原始尺寸不同,则目标图片元素为非原始图片尺寸显示。
5.如权利要求1所述的方法,其特征在于,所述判断所述目标图片元素是否为以原始图片尺寸显示,还包括:
从所述文档对象模型信息中所述目标图片元素的DOM节点处获取统一资源定位符信息;
依据所述统一资源定位符信息获取所述目标图片元素对应目标图片的原始尺寸;
从所述当前网页的级联样式表中获取所述目标图片元素对应目标图片的显示尺寸;
检测所述目标图片元素对应目标图片的原始尺寸与所述显示尺寸是否相同;
若所述原始尺寸与所述显示尺寸相同,则目标图片元素为原始图片尺寸显示;
若所述原始尺寸与所述显示尺寸不同,则目标图片元素为非原始图片尺寸显示。
6.如权利要求1所述的方法,其特征在于,获取所述目标图片的原始图片信息,包括:
删除所述统一资源定位符信息中的尺寸信息,得到所述目标图片元素对应目标图片的原始存储地址;
从所述原始存储地址中获取所述目标图片元素对应的原始图片信息。
7.如权利要求4所述的方法,其特征在于,获取所述目标图片的原始图片信息,包括:
依据所述网站信息对应的图片显示规则从原始图片入口中获取所述目标图片元素对应的原始图片信息。
8.如权利要求4至5任一所述的方法,其特征在于,获取所述目标图片的原始图片信息,包括:
采用所述统一资源定位符信息向图片维护服务器请求原始图片信息。
9.如权利要求1所述的方法,其特征在于,将原始图片信息在所述当前网页中进行加载展示,包括:
在当前网页的文档对象模型信息中添加原始图片信息的DOM节点;
生成包含所述原始图片信息的图片悬浮层在所述目标图片的对应位置处显示。
10.如权利要求1所述的方法,其特征在于,将原始图片信息在所述当前网页中进行加载展示,包括:
当所述当前网页为选定网站的网页时,在所述浏览器的地址栏中添加原始图片的查看提示信息,其中,所述查看提示信息包括以下任一项:图标、按钮和提示窗口;
在接收到对所述查看提示信息的触发指示后,在所述当前网页中进行加载所述原始图片信息进行展示。
11.如权利要求1所述的方法,其特征在于,将原始图片信息在所述当前网页中进行加载展示,包括:
在所述当前网页中加载所述原始图片信息,并在鼠标所在的位置处显示原始图片。
12.如权利要求11所述的方法,其特征在于,还包括:
依据所述当前网页中的鼠标拖动事件,对所述原始图片进行放大处理。
13.如权利要求9至11任一所述的方法,其特征在于,还包括:
依据所述统一资源定位符信息获取所述目标图片元素对应目标图片的描述信息并显示。
14.如权利要求1所述的方法,其特征在于,还包括:
依据所述原始图片信息生成原始图片的二维码并显示。
15.如权利要求1所述的方法,其特征在于,还包括:
依据所述原始图片信息将原始图片发送到指定的设备中。
16.如权利要求1所述的方法,其特征在于,还包括:
依据所述原始图片信息将所述原始图片下载到缓存中;
当所述当前网页中发生特定事件时,从缓存中获取所述原始图片并显示。
17.一种浏览器装置,包括:
解析模块,用于在浏览器中加载当前网页,解析出当前网页的文档对象模型信息;
检测模块,用于检测当前网页的文档对象模型中目标图片元素的预置触发事件,判断所述目标图片元素是否为以原始图片尺寸显示;
获取模块,用于在确定所述目标图片不是以原始图片尺寸进行的显示时,获取所述目标图片的原始图片信息;
展示模块,用于将原始图片信息在在所述当前网页中进行加载展示;
所述检测模块,包括:第二检测子模块,用于从所述文档对象模型信息中所述目标图片元素的DOM节点处获取统一资源定位符信息;从所述统一资源定位符信息中获取网站信息,并查询所述网站信息对应的图片显示规则;依据所述网站信息对应的图片显示规则确定目标图片元素是否为以原始图片尺寸显示;
第二检测子模块,还用于当确定所述网站信息为第一网站时,获取所述第一网站对应的第一显示规则,检测所述统一资源定位符信息中是否存在图片的尺寸信息;若所述统一资源定位符信息中存在图片的尺寸信息,则目标图片元素为非原始图片尺寸显示;若所述统一资源定位符信息中不存在图片的尺寸信息,则目标图片元素为原始图片尺寸显示。
18.如权利要求17所述的装置,其特征在于,所述检测模块,包括:
第一检测子模块,用于从所述当前网页的文档对象模型中查找目标图片元素的DOM节点;检测所述目标图片元素的DOM节点上是否存在预置触发事件。
19.如权利要求17或18所述的装置,其特征在于,所述预置触发事件包括以下至少一项:目标图片元素的鼠标悬停事件、鼠标选取事件和鼠标拖拽事件。
20.如权利要求17所述的方法,其特征在于:
第二检测子模块,用于当确定所述网站信息为第二网站时,依据所述第二网站对应的第二显示规则从原始图片入口中获取所述目标图片元素对应目标图片的原始尺寸;从所述统一资源定位符信息中获取所述目标图片元素对应目标图片的尺寸信息;检测所述目标图片元素对应目标图片的尺寸信息与所述原始尺寸是否相同;若所述尺寸信息与所述原始尺寸相同,则目标图片元素为原始图片尺寸显示;若尺寸信息与所述原始尺寸不同,则目标图片元素为非原始图片尺寸显示。
21.如权利要求17所述的装置,其特征在于,所述检测模块,包括:
第二检测子模块,用于从所述文档对象模型信息中所述目标图片元素的DOM节点处获取统一资源定位符信息;依据所述统一资源定位符信息获取所述目标图片元素对应目标图片的原始尺寸;从所述当前网页的级联样式表中获取所述目标图片元素对应目标图片的显示尺寸;检测所述目标图片元素对应目标图片的原始尺寸与所述显示尺寸是否相同;若所述原始尺寸与所述显示尺寸相同,则目标图片元素为原始图片尺寸显示;若所述原始尺寸与所述显示尺寸不同,则目标图片元素为非原始图片尺寸显示。
22.如权利要求17所述的装置,其特征在于:
所述获取模块,用于删除所述统一资源定位符信息中的尺寸信息,得到所述目标图片元素对应目标图片的原始存储地址;从所述原始存储地址中获取所述目标图片元素对应的原始图片信息。
23.如权利要求20所述的装置,其特征在于:
所述获取模块,用于依据所述网站信息对应的图片显示规则从原始图片入口中获取所述目标图片元素对应的原始图片信息。
24.如权利要求20至21任一所述的装置,其特征在于:
所述获取模块,用于采用所述统一资源定位符信息向图片维护服务器请求原始图片信息。
25.如权利要求17所述的装置,其特征在于:
所述展示模块,用于在当前网页的文档对象模型信息中添加原始图片信息的DOM节点;生成包含所述原始图片信息的图片悬浮层在所述目标图片的对应位置处显示。
26.如权利要求17所述的装置,其特征在于:
所述展示模块,用于当所述当前网页为选定网站的网页时,在所述浏览器的地址栏中添加原始图片的查看提示信息,其中,所述查看提示信息包括以下任一项:图标、按钮和提示窗口;在接收到对所述查看提示信息的触发指示后,在所述当前网页中进行加载所述原始图片信息进行展示。
27.如权利要求17所述的装置,其特征在于:
所述展示模块,用于在所述当前网页中加载所述原始图片信息,并在鼠标所在的位置处显示原始图片。
28.如权利要求27所述的方法,其特征在于:
所述展示模块,还用于依据所述当前网页中的鼠标拖动事件,对所述原始图片进行放大处理。
29.如权利要求25至27任一所述的装置,其特征在于:
所述展示模块,还用于依据所述统一资源定位符信息获取所述目标图片元素对应目标图片的描述信息并显示。
30.如权利要求17所述的装置,其特征在于:
所述展示模块,还用于依据所述原始图片信息生成原始图片的二维码并显示。
31.如权利要求17所述的装置,其特征在于,还包括:
发送模块,用于依据所述原始图片信息将原始图片发送到指定的设备中。
32.如权利要求17所述的装置,其特征在于:
所述获取模块,还用于依据所述原始图片信息将所述原始图片下载到缓存中;
所述展示模块,还用于当所述当前网页中发生特定事件时,从缓存中获取所述原始图片并显示。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410302673.2A CN104077387B (zh) | 2014-06-27 | 2014-06-27 | 一种网页内容显示方法和浏览器装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410302673.2A CN104077387B (zh) | 2014-06-27 | 2014-06-27 | 一种网页内容显示方法和浏览器装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104077387A CN104077387A (zh) | 2014-10-01 |
CN104077387B true CN104077387B (zh) | 2018-03-02 |
Family
ID=51598641
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410302673.2A Expired - Fee Related CN104077387B (zh) | 2014-06-27 | 2014-06-27 | 一种网页内容显示方法和浏览器装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104077387B (zh) |
Families Citing this family (20)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104331474A (zh) * | 2014-11-03 | 2015-02-04 | 百度在线网络技术(北京)有限公司 | 页面处理方法及装置 |
CN104360882B (zh) * | 2014-11-07 | 2018-07-27 | 北京奇虎科技有限公司 | 一种浏览器中对网页中图片进行显示方法和装置 |
CN104361082A (zh) * | 2014-11-07 | 2015-02-18 | 北京奇虎科技有限公司 | 一种浏览器中对网页中指定元素进行显示的方法和装置 |
WO2016070770A1 (zh) * | 2014-11-07 | 2016-05-12 | 北京奇虎科技有限公司 | 一种浏览器中对网页中图片进行显示方法和装置、一种浏览器中对网页中指定元素进行显示的方法和装置 |
CN104573023B (zh) * | 2015-01-12 | 2018-05-29 | 天津车之家科技有限公司 | 一种网页图片检查方法、装置及计算设备 |
CN104765809A (zh) * | 2015-04-02 | 2015-07-08 | 北京奇虎科技有限公司 | 一种移动终端搜索图片的预览方法和装置 |
CN105260384B (zh) * | 2015-09-09 | 2019-02-12 | 北京奇虎科技有限公司 | 一种用于识别网页中可见图片的方法及装置 |
CN105912201A (zh) * | 2016-04-05 | 2016-08-31 | 苏州奇展信息科技有限公司 | 一种在线培训平台的在线咨询方法 |
CN107301182B (zh) * | 2016-04-15 | 2020-06-30 | 北京京东尚科信息技术有限公司 | 一种展示内嵌图片的网页的方法和装置 |
CN107590411A (zh) * | 2017-08-16 | 2018-01-16 | 深圳天珑无线科技有限公司 | 一种基于万维网的二维码识别的方法及*** |
CN108038150B (zh) * | 2017-11-30 | 2021-05-28 | 阿里巴巴(中国)有限公司 | 网页打开方法、装置及终端设备 |
CN108512720B (zh) * | 2018-03-02 | 2021-01-26 | 杭州迪普科技股份有限公司 | 一种网站流量的统计方法及装置 |
CN109710207A (zh) * | 2018-12-29 | 2019-05-03 | 努比亚技术有限公司 | 双屏移动终端图片预览的方法、双屏移动终端及存储介质 |
CN110413476B (zh) * | 2019-06-20 | 2022-12-13 | 平安普惠企业管理有限公司 | 网页崩溃监听方法、装置、计算机设备和存储介质 |
CN112766997A (zh) * | 2019-11-01 | 2021-05-07 | 百度在线网络技术(北京)有限公司 | 图片投放方法、装置、设备和存储介质 |
CN110941375B (zh) * | 2019-11-26 | 2023-09-05 | 腾讯科技(深圳)有限公司 | 对图像进行局部放大的方法、装置及存储介质 |
CN110929197A (zh) * | 2019-11-27 | 2020-03-27 | 杭州安恒信息技术股份有限公司 | 一种网页图片的预览加载方法和装置 |
CN111290684B (zh) * | 2019-12-09 | 2021-06-01 | Oppo广东移动通信有限公司 | 图像显示方法、图像显示装置及终端设备 |
CN113536173B (zh) * | 2021-07-14 | 2024-01-16 | 抖音视界有限公司 | 一种页面处理方法、装置、电子设备及可读存储介质 |
CN113311983B (zh) * | 2021-07-28 | 2022-06-21 | 统信软件技术有限公司 | 一种基于地址栏的交互方法及计算设备 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102591950A (zh) * | 2011-12-28 | 2012-07-18 | 优视科技有限公司 | 基于移动终端的网页图片浏览方法及装置 |
CN102819560A (zh) * | 2012-06-29 | 2012-12-12 | 北京奇虎科技有限公司 | 一种网页中图片的显示方法和装置 |
CN103873918A (zh) * | 2012-12-14 | 2014-06-18 | 腾讯科技(深圳)有限公司 | 图片处理方法、装置及终端 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101201832B (zh) * | 2006-12-15 | 2010-04-21 | 国际商业机器公司 | 优化网页图像的方法和*** |
-
2014
- 2014-06-27 CN CN201410302673.2A patent/CN104077387B/zh not_active Expired - Fee Related
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102591950A (zh) * | 2011-12-28 | 2012-07-18 | 优视科技有限公司 | 基于移动终端的网页图片浏览方法及装置 |
CN102819560A (zh) * | 2012-06-29 | 2012-12-12 | 北京奇虎科技有限公司 | 一种网页中图片的显示方法和装置 |
CN103873918A (zh) * | 2012-12-14 | 2014-06-18 | 腾讯科技(深圳)有限公司 | 图片处理方法、装置及终端 |
Also Published As
Publication number | Publication date |
---|---|
CN104077387A (zh) | 2014-10-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104077387B (zh) | 一种网页内容显示方法和浏览器装置 | |
US10592515B2 (en) | Surfacing applications based on browsing activity | |
US8612418B2 (en) | Mobile web browser for pre-loading web pages | |
US9268562B1 (en) | Methods and apparatuses for dynamically generating mobile application layouts using client-independent configuration | |
CN107943825A (zh) | 页面访问的数据处理方法、装置及电子设备 | |
US20130326333A1 (en) | Mobile Content Management System | |
US20120323879A1 (en) | Ranking search results based upon content creation trends | |
US20130019189A1 (en) | Augmented editing of an online document | |
CN105117474A (zh) | 在网页的阅读模式中进行推荐信息加载的方法和装置 | |
CN103631875A (zh) | 在浏览器侧进行网络搜索的方法与浏览器 | |
US20130263044A1 (en) | Method and system to provide a scroll map | |
US9679081B2 (en) | Navigation control for network clients | |
KR20120135243A (ko) | 공유가능한 사용자 인터페이스를 이용해 정보를 구성하는 방법 및 시스템 | |
CN105283843B (zh) | 可嵌入的媒体内容搜索微件 | |
EP3249554A1 (en) | Systems and methods for client-side dynamic information resource activation and deactivation | |
CN110309386B (zh) | 一种网页爬取的方法和装置 | |
US20140201614A1 (en) | Annotating search results with images | |
CN113792208B (zh) | 基于网页的图片交互方法、装置、设备、介质及程序产品 | |
US10339195B2 (en) | Navigation control for network clients | |
CN104461264B (zh) | 一种移动终端浏览器中的交互界面生成方法和装置 | |
CN103685498A (zh) | 一种壁纸的加载方法和浏览器装置 | |
CN107533544A (zh) | 元素标识符生成 | |
US10567845B2 (en) | Embeddable media content search widget | |
KR101132220B1 (ko) | 캐쉬(cache)를 이용하여 웹 페이지를 제공하기 위한 방법, 시스템 및 컴퓨터 판독 가능한 기록 매체 | |
US9098228B2 (en) | Determining content rendering capabilities for web browser optimization |
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 | ||
CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20180302 |
|
CF01 | Termination of patent right due to non-payment of annual fee |