CN104077389A - 一种网页元素信息的显示方法和浏览器装置 - Google Patents

Abstract

本发明实施例提供了一种网页元素信息的显示方法和浏览器装置，所述的方法包括：在浏览器中加载当前网页，解析出当前网页的文档对象模型信息；检测到当前网页的文档对象模型中目标网页元素的预置触发事件；获取所述目标网页元素的统一资源定位器信息，并使用所述统一资源定位器信息在浏览器侧生成出其对应的图形标识码；在当前网页的文档对象模型信息中增加该图形标识码，并在对应于所述目标网页元素的一周边位置处加载显示该图形标识码。移动终端可以通过该图形标识码获取该图片，操作简单、快捷，不易出错。

Description

一种网页元素信息的显示方法和浏览器装置

技术领域

本发明涉及浏览器技术领域，特别是涉及一种网页元素信息的显示方法和一种浏览器装置。

背景技术

随着科技的发展，用户使用的终端种类越来越多，如个人计算机(Personal Computer，PC)，又如手机、平板电脑等移动终端。

用户在PC终端中浏览网页等网络内容时，往往希望把相关的网络内容传输到移动终端中以备查看，例如用户在当前网页中对一幅图片感兴趣，想要将该图片发送到移动终端中查看，此时通常是记录网页的地址，然后在移动终端中手动输入网页地址，通过原始网页来查看图片。

但是，通常移动终端的屏幕比较小，其屏幕中显示的虚拟键盘也较小，输入比较不方便且很容易出错，图片查看效率较低。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的网页元素信息的显示方法和相应的浏览器装置。

依据本发明的一个方面，提供了一种网页元素信息的显示方法，包括：在浏览器中加载当前网页，解析出当前网页的文档对象模型信息；检测到当前网页的文档对象模型中目标网页元素的预置触发事件；获取所述目标网页元素的统一资源定位器信息，并使用所述统一资源定位器信息在浏览器侧生成出其对应的图形标识码；在当前网页的文档对象模型信息中增加该图形标识码，并在对应于所述目标网页元素的一周边位置处加载显示该图形标识码。

可选的，所述检测到当前网页的文档对象模型中目标网页元素的预置触发事件，包括：从所述当前网页的文档对象模型信息中查找目标网页元素的DOM节点；检测所述目标网页元素的DOM节点上是否存在预置触发事件。

可选的，所述预置触发事件包括以下至少一项：目标网页元素的鼠标悬停事件、目标网页元素的鼠标右键点击事件、目标网页元素上的鼠标手势动作和鼠标滑动选取事件。

可选的，所述获取所述目标网页元素的统一资源定位器信息，包括：依据所述当前网页的文档对象模型信息中所述目标网页元素的DOM节点，确定所述目标网页元素的元素类型，其中，所述元素类型包括：图片、视频、音频、文本块、链接地址；依据所述元素类型获取所述目标网页元素的统一资源定位器信息。

可选的，依据所述元素类型获取所述目标网页元素的统一资源定位器信息，包括：当所述元素类型为文本块时，从所述文档对象模型信息中选取文本块；将选取的文本块上传给所述浏览器对应的服务器；接收所述服务器反馈的统一资源定位器信息。

根据本发明的另一方面，提供了一种浏览器装置，包括：解析模块，用于在浏览器中加载当前网页，解析出当前网页的文档对象模型信息；检测模块，用于检测到当前网页的文档对象模型中目标网页元素的预置触发事件；获取模块，用于获取所述目标网页元素的统一资源定位器信息；生成模块，用于使用所述统一资源定位器信息在浏览器侧生成出其对应的图形标识码；显示模块，用于在当前网页的文档对象模型信息中增加该图形标识码，并在对应于所述目标网页元素的一周边位置处加载显示该图形标识码。

可选的，所述检测模块，包括：查找子模块，用于从所述当前网页的文档对象模型信息中查找目标网页元素的DOM节点；检测子模块，用于检测所述目标网页元素的DOM节点上是否存在预置触发事件。

可选的，所述预置触发事件包括以下至少一项：目标网页元素的鼠标悬停事件、目标网页元素的鼠标右键点击事件、目标网页元素上的鼠标手势动作和鼠标滑动选取事件。

可选的，所述获取模块，包括：确定子模块，用于依据所述当前网页的文档对象模型信息中所述目标网页元素的DOM节点，确定所述目标网页元素的元素类型，其中，所述元素类型包括：图片、视频、音频、文本块、链接地址；获取子模块，用于依据所述元素类型获取所述目标网页元素的统一资源定位器信息。

可选的，所述获取子模块，用于当所述元素类型为文本块时，从所述文档对象模型信息中选取文本块；将选取的文本块上传给所述浏览器对应的服务器；接收所述服务器反馈的统一资源定位器信息。

本发明实施例对当前网页的文档对象模型中目标网页元素的预置触发事件进行检测，然后在检测到预置触发事件时获取所述目标网页元素的统一资源定位器信息，并生成统一资源定位器信息对应的图形标识码，在当前网页中对应于所述目标网页元素的一周边位置处加载显示该图形标识码，以便移动终端可以通过该图形标识码获取该图片，操作简单、快捷，不易出错。

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

附图说明

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

图1示出了根据本发明一个实施例的网页元素信息的显示方法的步骤流程图；

图2示出了根据本发明一个实施例的网页元素信息的显示方法的可选步骤流程图；以及

图3示出了根据本发明一个实施例中用户数据存储示意图；

图4A示出了根据本发明一个实施例的浏览器装置的结构框图；

图4B示出了根据本发明一个实施例的浏览器装置的可选结构框图。

具体实施方式

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

参照图1，示出了根据本发明一个实施例的网页元素信息的显示方法的步骤流程图，具体可以包括如下步骤：

步骤102，在浏览器中加载当前网页，解析出当前网页的文档对象模型信息。

浏览器中加载网页时，可以获取当前网页的文档对象模型(DocumentObject Model，DOM)信息，其中DOM信息将对应的文档呈现为带有元素、属性和文本的树结构(节点树)。

步骤104，检测到当前网页的文档对象模型中目标网页元素的预置触发事件。

用户在当前网页中的操作会反馈到当前网页的DOM信息中，如生成某些网页元素的事件，因此要对文档对象模型中目标网页元素的预置触发事件进行检测，从而在目标网页元素的预置触发事件被触发时，执行相应的处理操作。

步骤106，获取所述目标网页元素的统一资源定位器信息，并使用所述统一资源定位器信息在浏览器侧生成出其对应的图形标识码。

在检测到文档对象模型中目标网页元素的预置触发事件后，可以获取该目标网页元素的统一资源定位器(Uniform Resource Locator，URL)信息，并且采用该URL信息在浏览器侧生成URL对应的图形标识码，如二维码、条形码等。

其中，图形标识码是该URL信息的图形表示，通过该图形标识码可以获取该URL信息。

步骤108，在当前网页的文档对象模型信息中增加该图形标识码，并在对应于所述目标网页元素的一周边位置处加载显示该图形标识码。

然后将该图形标识码加载到当前网页的文档对象模型信息中，从而在当前网页中对应于所述目标网页元素的一周边位置处加载显示该图形标识码，如在所述目标网页元素之上或之下显示，或覆盖在所述目标网页元素之上进行显示等，便于移动终端通过该图形标识码获取该目标网页元素。

综上所述，对当前网页的文档对象模型中目标网页元素的预置触发事件进行检测，然后在检测到预置触发事件时获取所述目标网页元素的统一资源定位器信息，并生成统一资源定位器信息对应的图形标识码，在当前网页中对应于所述目标网页元素的一周边位置处加载显示该图形标识码，以便移动终端可以通过该图形标识码获取该图片，操作简单、快捷，不易出错。

实施例二

参照图2，示出了根据本发明一个实施例的网页元素信息的显示方法的可选步骤流程图，具体可以包括如下步骤：

步骤202，在浏览器中加载当前网页，解析出当前网页的DOM信息。

步骤204，从所述当前网页的DOM信息中查找目标网页元素的DOM节点。

步骤206，检测所述目标网页元素的DOM节点上是否存在预置触发事件。

解析出当前网页的DOM信息后，可以获取当前网页的DOM节点树，其中包括有当前网页的各网页元素及其属性信息等内容。因此可以从DOM信息中查找目标网页元素的DOM节点，然后对该目标网页元素的DOM节点进行检测确定其是否存在预置触发事件。

其中，所述预置触发事件包括以下至少一项：目标网页元素的鼠标悬停事件、目标网页元素的鼠标右键点击事件、目标网页元素上的鼠标手势动作和鼠标滑动选取事件。

如用户将鼠标至于目标网页元素在网页中显示的对象之上，就会触发产生目标网页元素的鼠标悬停事件；在目标网页元素在网页中显示的对象上点击右键，即可触发目标网页元素的鼠标右键点击事件；

若是，即目标网页元素的DOM节点上存在预置触发事件，则执行步骤208；若否，即目标网页元素的DOM节点上不存在预置触发事件，则返回步骤206继续检测，直到当前网页关闭或非焦点显示为止。

步骤208，依据所述当前网页的DOM信息中所述目标网页元素的DOM节点，确定所述目标网页元素的元素类型。

步骤210，依据所述元素类型获取所述目标网页元素的URL信息。

当前网页的DOM信息中包括各网页元素的属性信息，因此可以依据该属性确定标网页元素的元素类型，其中，所述元素类型包括：图片、视频、音频、文本块、链接地址。

即对于当前网页中的内容，如网页中加载的图片、视频、音频、文本和链接地址等，可以通过对该内容对应目标网页元素的DOM节点的预置触发事件进行检测，在确定其上存在预置触发事件时，获取其对应的URL。其中，由于网页元素的元素类型不同时，其对应URL信息的获取方式也不同，因此要依据所述元素类型获取所述目标网页元素的URL信息。

如对于元素类型为图片、视频、音频的网页元素，通常网页是通过其属性信息中的URL信息对其对象进行加载的，因此可以直接从网页元素的属性信息中获取URL信息，又如元素类型为链接地址的网页元素，由于其网页中显示对象本身是URL信息，因此可以直接从网页元素的属性信息中获取该URL信息。而对于元素类型为文本块的网页元素，由于其是将文本内容作为对象显示在网页中，其通常不是直接从网页元素的属性信息中获取该URL信息，而是通过预处理操作来获取的。

本发明一个可选实施例中，依据所述元素类型获取所述目标网页元素的URL信息，包括：当所述元素类型为文本块时，从所述DOM信息中选取文本块；将选取的文本块上传给所述浏览器对应的服务器；接收所述服务器反馈的URL信息。

当所述元素类型为文本块时，文本块对应的文本信息是在网页中直接显示的，因此可以从DOM信息中选取目标网页元素对应文本块的文本内容，并将该文本内容上传给浏览器对应的服务器，在服务器中存储该文本块并生成存储地址即URL信息，然后服务器将该URL信息反馈给浏览器，浏览器对应接收URL信息。

本发明一个可选实施例中，当所述网页中存在多于一个目标网页元素时，查找存在所述预置触发事件的目标网页元素，并获取所述目标网页元素的统一资源定位器信息。

当网页中存在多于一个目标网页元素时，如网页中存在多种图片，或即存在图片又存在视频等情况下，可以查找存在预置触发事件的目标网页元素，然后获取该目标网页元素的URL信息进行后续处理操作。

步骤212，调用浏览器主程序中内置的组件或者浏览器的插件对所述URL信息进行转换生成图形标识码。

在浏览器主程序中内置一些组件或在浏览器中配置一些插件，用于执行URL信息和图形标识码的转换，因此在获取到URL信息后，可以调用浏览器主程序中内置的组件或者浏览器的插件对所述URL信息进行转换，生成相应的图形标识码。

本发明一个可选实施例中，所述调用浏览器主程序中内置的组件或者浏览器的插件对所述URL信息进行转换生成图形标识码，包括：调用浏览器主程序中内置的组件或者浏览器的插件，将所述URL信息转换成二维码字符串；对所述二维码字符串进行解析，生成二维码作为图形标识码。

一种图形标识码可以为二维码(Two-dimensional code)，二维码是用特定的几何图形按一定规律在平面(二维方向)上分布的黑白相间的图形，是所有信息数据的一把钥匙。可以调用浏览器主程序中内置的组件或者浏览器的插件，将所述URL信息转换成二维码字符串，即该二维码字符串中包含该URL信息，从而对所述二维码字符串进行解析生成二维码，该二维码中包含该URL信息，后续通过解析二维码即可获取该URL信息。

步骤214，在当前网页的DOM信息中增加该图形标识码，并在对应于所述目标网页元素的一周边位置处加载显示该图形标识码。

为了要在当前网页中显示该图形标识码，因此可以将图形标识码添加到当前网页的DOM信息中，从而在当前网页对应于所述目标网页元素的一周边位置处加载显示该图形标识码。

本发明一个可选实施例中，所述在当前网页的DOM信息中增加该图形标识码，并在对应于所述目标网页元素的一周边位置处加载显示该图形标识码，包括：在当前网页的DOM信息中为所述目标网页元素对应添加该图形标识码；在检测到所述目标网页元素的预置触发事件时，对应于所述目标网页元素的一周边位置处加载显示该图形标识码。

在当前网页的DOM信息中查找目标网页元素的DOM节点所在的文字，为所述目标网页元素的DOM节点对应添加该图形标识码的DOM节点。当检测到目标网页元素的预置触发事件时，依据DOM节点树中相应网页元素的配置，在对应于目标网页元素的一周边位置处加载显示该图形标识码。

本发明另一个可选实施例中，所述在当前网页的DOM信息中增加该图形标识码，并在对应于所述目标网页元素的一周边位置处加载显示该图形标识码，包括：在当前网页的DOM信息中添加所述图形标识码的DOM节点；生成包含所述图形标识码的图片悬浮层在对应于所述目标网页元素的一周边位置处显示。

在当前网页的DOM信息中查找添加该图形标识码的DOM节点，并在该图形标识码的DOM节点中配置属性信息生成图形标识码的图片悬浮层，从而可以在在对应于所述目标网页元素的一周边位置处，生成包含所述图形标识码的图片悬浮层进行显示。

进一步，还可以获取所述目标网页元素的描述信息，并在所述图形标识码中添加所述描述信息，其中，所述描述信息包括以下至少一项：资源类型、摘要和来源信息。

还把可以获取该目标网页元素的描述信息，如名称、资源类型、摘要和来源信息、大小等，可以从属性信息中获取，还可以解析URL信息中获取，然后在该图形标识码中添加所述描述信息，即可以将描述信息直接编码到图形标识码中，也可以通过文字等形式显示在图形标识码的显示区域如图片悬浮层中。

其中，当图形标识码为二维码时，需要通过手机、平板电脑等具有摄像头的移动终端进行拍摄，然后解析该二维码获取目标网页元素的URL信息。但是有些移动终端虽然具有摄像头来拍摄二维码，却可能没有二维码解析应用程序，因此可以获取二维码解析应用程序的链接地址，然后在所述二维码的显示区域中添加所述链接地址和提示信息，如在二维码的图片悬浮层中显示。

另外，有些用户会将移动终端连接到浏览器所在的PC终端来下载应用，因此还可以在浏览器中内置驱动识别程序，以及浏览器和移动终端进行通信的接口，当浏览器中预置驱动识别到移动终端时，获取所述图形标识码解析应用程序的链接地址，然后通过预置的浏览器和移动终端进行通信的接口，将该链接地址发送给所述移动终端，以使移动终端通过该链接地址下载图形标识码解析应用程序，后续可以对该图形标识码进行解析便于获取目标网页元素。

本发明一个可选实施例中，在所述浏览器的用户数据中存储所述图形标识码。即使当前页面被关闭，仍然可以通过用户数据获取该图形标识码并显示如图3所示，进而在移动终端中查看该目标网页元素。

对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明实施例并不受所描述的动作顺序的限制，因为依据本发明实施例，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本发明实施例所必须的。

参照图4A，示出了根据本发明一个实施例的一种浏览器装置实施例的结构框图，具体可以包括如下模块：

解析模块402，用于在浏览器中加载当前网页，解析出当前网页的文档对象模型信息。

检测模块404，用于检测到当前网页的文档对象模型中目标网页元素的预置触发事件。

获取模块406，用于获取所述目标网页元素的统一资源定位器信息。

生成模块408，用于使用所述统一资源定位器信息在浏览器侧生成出其对应的图形标识码。

显示模块410，用于在当前网页的文档对象模型信息中增加该图形标识码，并在对应于所述目标网页元素的一周边位置处加载显示该图形标识码。

参照图4B，示出了根据本发明一个实施例的浏览器装置的可选结构框图，具体可以包括如下模块：

可选的，所述检测模块404，包括：查找子模块40402，用于从所述当前网页的文档对象模型信息中查找目标网页元素的DOM节点；检测子模块40404，用于检测所述目标网页元素的DOM节点上是否存在预置触发事件。

所述预置触发事件包括以下至少一项：目标网页元素的鼠标悬停事件、目标网页元素的鼠标右键点击事件、目标网页元素上的鼠标手势动作和鼠标滑动选取事件。

所述获取模块406，包括：确定子模块40602，用于依据所述当前网页的文档对象模型信息中所述目标网页元素的DOM节点，确定所述目标网页元素的元素类型，其中，所述元素类型包括：图片、视频、音频、文本块、链接地址；获取子模块40604，用于依据所述元素类型获取所述目标网页元素的统一资源定位器信息。

所述获取子模块406，用于当所述元素类型为文本块时，从所述文档对象模型信息中选取文本块；将选取的文本块上传给所述浏览器对应的服务器；接收所述服务器反馈的统一资源定位器信息。

所述生成模块408，用于调用浏览器主程序中内置的组件或者浏览器的插件对所述统一资源定位器信息进行转换生成图形标识码。

所述生成模块408，用于调用浏览器主程序中内置的组件或者浏览器的插件，将所述统一资源定位器信息转换成二维码字符串；对所述二维码字符串进行解析，生成二维码作为图形标识码。

所述显示模块4010，包括：添加子模块41002，用于在当前网页的文档对象模型信息中为所述目标网页元素对应添加该图形标识码；显示子模块41004，用于在检测到所述目标网页元素的预置触发事件时，对应于所述目标网页元素的一周边位置处加载显示该图形标识码。

所述显示模块4010，包括：添加子模块41002，用于在当前网页的文档对象模型信息中添加所述图形标识码的DOM节点；显示子模块41004，用于生成包含所述图形标识码的图片悬浮层在对应于所述目标网页元素的一周边位置处显示。

所述获取模块406，还用于获取所述目标网页元素的描述信息，并在所述图形标识码中添加所述描述信息，其中，所述描述信息包括以下至少一项：资源类型、摘要和来源信息。

可选的，还包括：用户数据存储模块412，用于在所述浏览器的用户数据中存储所述图形标识码。

所述获取模块406，用于当所述网页中存在多于一个目标网页元素时，查找存在所述预置触发事件的目标网页元素，并获取所述目标网页元素的统一资源定位器信息。

所述获取模块406，还用于获取二维码解析应用程序的链接地址，在所述二维码的显示区域中添加所述链接地址和提示信息。

可选的，还包括：识别模块414，用于当所述浏览器中预置驱动识别到移动终端时，获取所述图形标识码解析应用程序的链接地址；通过预置接口将所述链接地址发送给所述移动终端。

综上所述，对当前网页的文档对象模型中目标网页元素的预置触发事件进行检测，然后在检测到预置触发事件时获取所述目标网页元素的统一资源定位器信息，并生成统一资源定位器信息对应的图形标识码，在当前网页中对应于所述目标网页元素的一周边位置处加载显示该图形标识码，以便移动终端可以通过该图形标识码获取该图片，操作简单、快捷，不易出错。

对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

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

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

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

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

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

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

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

本发明公开了A1、一种网页元素信息的显示方法，包括：在浏览器中加载当前网页，解析出当前网页的文档对象模型信息；检测到当前网页的文档对象模型中目标网页元素的预置触发事件；获取所述目标网页元素的统一资源定位器信息，并使用所述统一资源定位器信息在浏览器侧生成出其对应的图形标识码；在当前网页的文档对象模型信息中增加该图形标识码，并在对应于所述目标网页元素的一周边位置处加载显示该图形标识码。

A2、如A1所述的方法，所述检测到当前网页的文档对象模型中目标网页元素的预置触发事件，包括：从所述当前网页的文档对象模型信息中查找目标网页元素的DOM节点；检测所述目标网页元素的DOM节点上是否存在预置触发事件。

A3、如A1或A2所述的方法，所述预置触发事件包括以下至少一项：目标网页元素的鼠标悬停事件、目标网页元素的鼠标右键点击事件、目标网页元素上的鼠标手势动作和鼠标滑动选取事件。

A4、如A1所述的方法，所述获取所述目标网页元素的统一资源定位器信息，包括：依据所述当前网页的文档对象模型信息中所述目标网页元素的DOM节点，确定所述目标网页元素的元素类型，其中，所述元素类型包括：图片、视频、音频、文本块、链接地址；依据所述元素类型获取所述目标网页元素的统一资源定位器信息。

A5、如A4所述的方法，依据所述元素类型获取所述目标网页元素的统一资源定位器信息，包括：当所述元素类型为文本块时，从所述文档对象模型信息中选取文本块；将选取的文本块上传给所述浏览器对应的服务器；接收所述服务器反馈的统一资源定位器信息。

A6、如A1所述的方法，使用所述统一资源定位器信息在浏览器侧生成出其对应的图形标识码，包括：调用浏览器主程序中内置的组件或者浏览器的插件对所述统一资源定位器信息进行转换生成图形标识码。

A7、如A6所述的方法，所述调用浏览器主程序中内置的组件或者浏览器的插件对所述统一资源定位器信息进行转换生成图形标识码，包括：调用浏览器主程序中内置的组件或者浏览器的插件，将所述统一资源定位器信息转换成二维码字符串；对所述二维码字符串进行解析，生成二维码作为图形标识码。

A8、如A1所述的方法，所述在当前网页的文档对象模型信息中增加该图形标识码，并在对应于所述目标网页元素的一周边位置处加载显示该图形标识码，包括：在当前网页的文档对象模型信息中为所述目标网页元素对应添加该图形标识码；在检测到所述目标网页元素的预置触发事件时，对应于所述目标网页元素的一周边位置处加载显示该图形标识码。

A9、如A1所述的方法，所述在当前网页的文档对象模型信息中增加该图形标识码，并在对应于所述目标网页元素的一周边位置处加载显示该图形标识码，包括：在当前网页的文档对象模型信息中添加所述图形标识码的DOM节点；生成包含所述图形标识码的图片悬浮层在对应于所述目标网页元素的一周边位置处显示。

A10、如A1或A8或A9所述的方法，还包括：获取所述目标网页元素的描述信息，并在所述图形标识码中添加所述描述信息，其中，所述描述信息包括以下至少一项：资源类型、摘要和来源信息。

A11、如A1所述的方法，还包括：在所述浏览器的用户数据中存储所述图形标识码。

A12、如A1所述的方法，获取所述目标网页元素的统一资源定位器信息，包括：当所述网页中存在多于一个目标网页元素时，查找存在所述预置触发事件的目标网页元素，并获取所述目标网页元素的统一资源定位器信息。

A13、如A7所述的方法，还包括：获取二维码解析应用程序的链接地址，在所述二维码的显示区域中添加所述链接地址和提示信息。

A14、如A1所述的方法，还包括：当所述浏览器中预置驱动识别到移动终端时，获取所述图形标识码解析应用程序的链接地址；通过预置接口将所述链接地址发送给所述移动终端。

本发明还公开了B15、一种浏览器装置，包括：解析模块，用于在浏览器中加载当前网页，解析出当前网页的文档对象模型信息；检测模块，用于检测到当前网页的文档对象模型中目标网页元素的预置触发事件；获取模块，用于获取所述目标网页元素的统一资源定位器信息；生成模块，用于使用所述统一资源定位器信息在浏览器侧生成出其对应的图形标识码；显示模块，用于在当前网页的文档对象模型信息中增加该图形标识码，并在对应于所述目标网页元素的一周边位置处加载显示该图形标识码。

B16、如B15所述的装置，所述检测模块，包括：查找子模块，用于从所述当前网页的文档对象模型信息中查找目标网页元素的DOM节点；检测子模块，用于检测所述目标网页元素的DOM节点上是否存在预置触发事件。

B17、如B15或B16所述的装置，所述预置触发事件包括以下至少一项：目标网页元素的鼠标悬停事件、目标网页元素的鼠标右键点击事件、目标网页元素上的鼠标手势动作和鼠标滑动选取事件。

B18、如B15所述的装置，所述获取模块，包括：确定子模块，用于依据所述当前网页的文档对象模型信息中所述目标网页元素的DOM节点，确定所述目标网页元素的元素类型，其中，所述元素类型包括：图片、视频、音频、文本块、链接地址；获取子模块，用于依据所述元素类型获取所述目标网页元素的统一资源定位器信息。

B19、如B18所述的装置，其特征在于：所述获取子模块，用于当所述元素类型为文本块时，从所述文档对象模型信息中选取文本块；将选取的文本块上传给所述浏览器对应的服务器；接收所述服务器反馈的统一资源定位器信息。

B20、如B15所述的装置，所述生成模块，用于调用浏览器主程序中内置的组件或者浏览器的插件对所述统一资源定位器信息进行转换生成图形标识码。

B21、如B20所述的装置，所述生成模块，用于调用浏览器主程序中内置的组件或者浏览器的插件，将所述统一资源定位器信息转换成二维码字符串；对所述二维码字符串进行解析，生成二维码作为图形标识码。

B22、如B15所述的装置，所述显示模块，包括：添加子模块，用于在当前网页的文档对象模型信息中为所述目标网页元素对应添加该图形标识码；显示子模块，用于在检测到所述目标网页元素的预置触发事件时，对应于所述目标网页元素的一周边位置处加载显示该图形标识码。

B23、如B15所述的装置，所述显示模块，包括：添加子模块，用于在当前网页的文档对象模型信息中添加所述图形标识码的DOM节点；显示子模块，用于生成包含所述图形标识码的图片悬浮层在对应于所述目标网页元素的一周边位置处显示。

B24、如B15或B22或B23所述的装置，所述获取模块，还用于获取所述目标网页元素的描述信息，并在所述图形标识码中添加所述描述信息，其中，所述描述信息包括以下至少一项：资源类型、摘要和来源信息。

B25、如B15所述的装置，还包括：用户数据存储模块，用于在所述浏览器的用户数据中存储所述图形标识码。

B26、如B15所述的装置，所述获取模块，用于当所述网页中存在多于一个目标网页元素时，查找存在所述预置触发事件的目标网页元素，并获取所述目标网页元素的统一资源定位器信息。

B27、如B21所述的装置，所述获取模块，还用于获取二维码解析应用程序的链接地址，在所述二维码的显示区域中添加所述链接地址和提示信息。

B28、如B15所述的装置，还包括：识别模块，用于当所述浏览器中预置驱动识别到移动终端时，获取所述图形标识码解析应用程序的链接地址；通过预置接口将所述链接地址发送给所述移动终端。

Claims (10)

1.一种网页元素信息的显示方法，包括：

在浏览器中加载当前网页，解析出当前网页的文档对象模型信息；

检测到当前网页的文档对象模型中目标网页元素的预置触发事件；

获取所述目标网页元素的统一资源定位器信息，并使用所述统一资源定位器信息在浏览器侧生成出其对应的图形标识码；

在当前网页的文档对象模型信息中增加该图形标识码，并在对应于所述目标网页元素的一周边位置处加载显示该图形标识码。

2.如权利要求1所述的方法，其特征在于，所述检测到当前网页的文档对象模型中目标网页元素的预置触发事件，包括：

从所述当前网页的文档对象模型信息中查找目标网页元素的DOM节点；

检测所述目标网页元素的DOM节点上是否存在预置触发事件。

3.如权利要求1或2所述的方法，其特征在于，所述预置触发事件包括以下至少一项：目标网页元素的鼠标悬停事件、目标网页元素的鼠标右键点击事件、目标网页元素上的鼠标手势动作和鼠标滑动选取事件。

4.如权利要求1所述的方法，其特征在于，所述获取所述目标网页元素的统一资源定位器信息，包括：

依据所述当前网页的文档对象模型信息中所述目标网页元素的DOM节点，确定所述目标网页元素的元素类型，其中，所述元素类型包括：图片、视频、音频、文本块、链接地址；

依据所述元素类型获取所述目标网页元素的统一资源定位器信息。

5.如权利要求4所述的方法，其特征在于，依据所述元素类型获取所述目标网页元素的统一资源定位器信息，包括：

当所述元素类型为文本块时，从所述文档对象模型信息中选取文本块；

将选取的文本块上传给所述浏览器对应的服务器；

接收所述服务器反馈的统一资源定位器信息。

6.一种浏览器装置，包括：

解析模块，用于在浏览器中加载当前网页，解析出当前网页的文档对象模型信息；

检测模块，用于检测到当前网页的文档对象模型中目标网页元素的预置触发事件；

获取模块，用于获取所述目标网页元素的统一资源定位器信息；

生成模块，用于使用所述统一资源定位器信息在浏览器侧生成出其对应的图形标识码；

显示模块，用于在当前网页的文档对象模型信息中增加该图形标识码，并在对应于所述目标网页元素的一周边位置处加载显示该图形标识码。

7.如权利要求6所述的装置，其特征在于，所述检测模块，包括：

查找子模块，用于从所述当前网页的文档对象模型信息中查找目标网页元素的DOM节点；

检测子模块，用于检测所述目标网页元素的DOM节点上是否存在预置触发事件。

8.如权利要求6或7所述的装置，其特征在于，所述预置触发事件包括以下至少一项：目标网页元素的鼠标悬停事件、目标网页元素的鼠标右键点击事件、目标网页元素上的鼠标手势动作和鼠标滑动选取事件。

9.如权利要求6所述的装置，其特征在于，所述获取模块，包括：

确定子模块，用于依据所述当前网页的文档对象模型信息中所述目标网页元素的DOM节点，确定所述目标网页元素的元素类型，其中，所述元素类型包括：图片、视频、音频、文本块、链接地址；

获取子模块，用于依据所述元素类型获取所述目标网页元素的统一资源定位器信息。

10.如权利要求9所述的装置，其特征在于：

所述获取子模块，用于当所述元素类型为文本块时，从所述文档对象模型信息中选取文本块；将选取的文本块上传给所述浏览器对应的服务器；接收所述服务器反馈的统一资源定位器信息。