CN102915334B - 图片显示处理方法及相应的浏览器 - Google Patents

Abstract

本发明提供一种图片显示处理方法及相应的浏览器，该方法包括：设立无图模式下是否显示图片的标记区；在浏览器网页解析过程中，在对图片标签进行解析时，获取图片显示模式的设置，在无图模式的情况下，进一步对标记区的状态进行判断，如果设置为显示设定图片的标记，则获取并显示相应的设定图片；如果设置为不显示设定图片的标记，则不获取或显示相应的设定图片。本发明既可实现无图模式下自动显示验证码图片，又不会因为需识别验证码图片而影响网页的解析效率。

Description

图片显示处理方法及相应的浏览器

技术领域

本发明涉及移动通信技术领域，尤其涉及一种图片显示处理方法及相应的浏览器。

背景技术

从节省网络流量以及电池电量的角度出发，目前大部分移动浏览器都为用户提供了无图模式的功能。在无图模式下，网页中的所有图片都不会显示。但当网页中存在验证码图片时，该模式会出现以下不足：

1、如果用户开启了无图模式，则验证码图片也不会显示，此时严重影响用户的进一步操作。

2、用户为了显示验证码，不得不从无图模式切换到有图模式，此时网页中的其它所有图片也将一起显示，而这些图片并不是用户想要的，耗费了用户的流量和电量。

3、当用户使用完验证码图片，继续打开其它网页时，为了节省流量，用户又得从有图模式切换到无图模式，增加了操作，降低了用户体验。

发明内容

本发明的特征和优点在下文的描述中部分地陈述，或者可从该描述显而易见，或者可通过实践本发明而学习。

为克服现有技术的问题，本发明提供一种图片显示处理方法及相应的浏览器，能够实现无图模式下自动显示验证码图片，方便用户操作，提高用户体验。

本发明解决上述技术问题所采用的技术方案如下：

根据本发明的一个方面，提供一种图片显示处理方法，包括：

设立无图模式下是否显示设定图片的标记区；

在浏览器网页解析过程中，在对图片标签进行解析时，获取图片显示模式的设置，在图片显示模式设置为无图模式的情况下，进一步对标记区的状态进行判断，如果标记区的状态设置为显示设定图片的标记，则获取并显示相应的设定图片；如果标记区的状态设置为不显示设定图片的标记，则不获取或显示相应的设定图片。

根据本发明的一个实施例，所述设定图片为表单中的图片，所述在对图片标签进行解析前包括进行表单标签解析，解析到表单标签时，将标记区的状态设置为显示表单中的图片的标记；在表单标签解析结束时，将标记区的状态设置为不显示表单中的图片的标记。

根据本发明的一个实施例，标记区设立在网页解析模块的公共数据区中，所述设定图片为表单中的验证码图片。

根据本发明的一个实施例，标记区采用布尔类型的变量，在标记区设置为真时，表示显示设定图片；在标记区设置为假时，表示不显示设定图片。

根据本发明的一个实施例，在浏览器网页解析过程中，在对图片标签进行解析时，获取图片显示模式的设置，在图片显示模式设置为显示图片模式的情况下，获取并显示相应的图片。

根据本发明的另一个方面，提供一种浏览器，包括：

浏览器设置模块，用于设置图片显示模式；

网页解析模块，其中设立无图模式下是否显示设定图片的标记区；网页解析模块在浏览器网页解析过程中，在对图片标签进行解析时，获取浏览器设置模块中图片显示模式的设置，在图片显示模式设置为无图模式的情况下，进一步对标记区的状态进行判断，如果标记区的状态设置为显示设定图片的标记，则获取并显示相应的设定图片；如果标记区的状态设置为不显示图片的标记，则不获取或显示相应的设定图片。

根据本发明的一个实施例，所述设定图片为表单中的图片，网页解析模块在对图片标签进行解析前包括进行表单标签解析，解析到表单标签时，将标记区的状态设置为显示表单中的图片的标记；在表单标签解析结束时，将标记区的状态设置为不显示表单中的图片的标记。

根据本发明的一个实施例，网页解析模块中设立的所述标记区是设立在网页解析模块的公共数据区中，所述设定图片为表单中的验证码图片。

根据本发明的一个实施例，网页解析模块中设立的标记区采用布尔类型的变量，在标记区设置为真时，表示显示设定图片；在标记区设置为假时，表示不显示设定图片。

根据本发明的一个实施例，网页解析模块在浏览器网页解析过程中，在对图片标签进行解析时，获取浏览器设置模块中图片显示模式的设置，在图片显示模式设置为显示图片模式的情况下，获取并显示相应的图片。

从上述技术方案可以看出，本发明提供了在无图模式下是否显示设定图片的判断方法，为无图模式下自动显示设定图片提供了可能。利用本发明的方法，在无图模式下，浏览器可以自动根据标记识别到网页中的设定图片例如验证码图片，并显示这些图片，其它图片则不显示。用户可以在无图模式下看到网页中的验证码图片，而无需手动切换看图模式，也无需显示非验证码图片，极大地增强了无图模式的用户体验。本发明简单高效，既实现了无图模式下自动显示验证码图片，又不会因为需要识别验证码图片而影响网页的解析效率。

通过阅读说明书，本领域普通技术人员将更好地了解这些技术方案的特征和内容。

附图说明

下面通过参考附图并结合实例具体地描述本发明，本发明的优点和实现方式将会更加明显，其中附图所示内容仅用于对本发明的解释说明，而不构成对本发明的任何意义上的限制，在附图中：

图1为本发明实施例无图模式下显示图片的标记设置流程图；

图2为本发明实施例无图模式下显示图片的标记应用流程图；

图3为本发明实施例网页解析过程流程图；

图4为本发明实施例浏览器的各模块的结构关系图；

图5a为手机淘宝注册页面在现有技术中的无图模式下不能显示验证码图片的界面示意图；

图5b为手机淘宝注册页面在本发明的无图模式下显示验证码图片的界面示意图；

图6a为艺龙网注册页面在现有技术中的无图模式下不能显示验证码图片的界面示意图；

图6b为艺龙网注册页面在本发明的无图模式下显示验证码图片的界面示意图。

具体实施方式

如图1至图3所示，为实现无图模式下自动显示设定图片例如验证码图片的功能，又不因为需要识别验证码图片而影响网页的解析效率，本发明首先提供了在无图模式下是否显示设定图片的判断方法，为无图模式下自动显示设定图片提供可能。

本发明实施例提供的图片显示处理方法，包括：

设立无图模式下是否显示设定图片的标记区；

在浏览器网页解析过程中，在对图片标签进行解析时，获取图片显示模式的设置，在图片显示模式设置为无图模式的情况下，进一步对标记区的状态进行判断，如果标记区的状态设置为显示设定图片的标记，则获取并显示相应的设定图片；如果标记区的状态设置为不显示设定图片的标记，则不获取或显示相应的设定图片。

考虑只要是网页表单控件中的图片，很大概率是验证码图片，因此，本发明在无图模式下，检测到表单图片时，则显示；非表单图片则不显示。因此，在浏览器网页解析过程中，在表单标签开始进行解析时，将标记区的状态设置为显示图片的标记；在表单标签解析结束时，将标记区的状态设置为不显示图片的标记。

优选地，标记区可以设立在网页解析模块的公共数据区中。标记区可以采用布尔类型的变量，在标记区设置为真时，表示显示设定图片；在标记区设置为假时，表示不显示设定图片。

此外，在浏览器网页解析过程中，在对图片标签进行解析时，获取图片显示模式的设置，在图片显示模式设置为显示图片模式的情况下，获取并显示相应的图片。

下面更详细介绍本发明实施例的具体技术方案：

网页表单控件一般主要用于采集数据，它包含输入域（如账号、密码、验证码输入框等）、提交按钮、处理表单数据的程序的URL。由于验证码图片一般用于表单提交，因此，只要是网页表单控件中的图片，很大概率是验证码图片。因此，本发明在无图模式下，检测到表单图片时，则显示；检测到非表单图片则不显示。采用该思路，虽然会将表单中的非验证码图片也显示出来，但表单中出现非验证码图片的概率是极小的，并且即使出现，非验证码图片的大小也是很小的，对用户流量的损耗很小。

在网页解析过程中，根据html语法对使用html语言编写的文档（html文本流）进行解析，生成文档对象树。网页中的一个标签对应一个基本的对象，如果表单标签中嵌套有图片标签，则在解析表单标签的过程中会解析图片标签。

表单标签的解析属于网页解析的一部分，由网页解析模块负责。网页解析过程中，逐个读取网页文本字符，并根据标签的开闭标识以及标签名，确认标签解析的开始与结束以及标签的类型。可以在网页解析模块的公共数据区中设置一个标记区，该标记区可采用布尔类型的变量，标识是否需要在无图模式下显示验证码图片。如果当前处于无图模式，则在表单标签解析开始时，将该布尔变量赋值为真（true），标记图片在无图模式下需要显示，表单标签解析结束时，将该布尔变量赋值为假（false），标记图片在无图模式下不需要显示。

图1为本发明实施例无图模式下显示图片的标记设置流程图，包括以下步骤：

S101：表单标签解析开始；

S102：将标记区的状态设置为显示设定图片的标记，即设置标记为真；

S103：表单标签解析结束；

S104：将标记区的状态设置为不显示设定图片的标记，即设置标记为假。

图片标签的解析也由网页解析模块负责，当读取html文本字符流，遇到标签名为“img”时，开始解析图片标签。在解析图片标签时，如果当前处于无图模式，则判断上述标记区的状态是否设置为显示设定图片的标记，如果是，则按有图模式的流程获取显示图片；否则，对该图片不做获取显示处理。

图2为本发明实施例无图模式下显示图片的标记应用流程图，具体描述如下：

S201：图片标签解析开始；

S202：判断标记区的状态是否设置为显示图片的标记（即标记是否为真），若是，则执行S203，否则，执行S204；

S203：获取显示该设定图片；

S204：不获取显示该设定图片。

下面对网页解析过程的整个流程进行详细描述，如图3所示：

S301：网页解析开始；

S302：表单标签解析开始，将标记区的状态设置为显示图片的标记，即设置为真；

S303：图片标签解析开始；

S304：根据获取的设置情况及标记情况确定验证码图片是否显示；

若为显示图片模式（即有图模式），则直接获取并显示相应的图片；若为无图模式，则进一步对标记区的状态进行判断，如果标记区的状态设置为显示设定图片的标记（即设置为真），则获取并显示相应的图片；如果标记区的状态设置为不显示设定图片的标记（即设置为假），则不获取或显示相应的图片。

S305：图片标签解析结束；

S306：表单标签解析结束，将标记区的状态设置为不显示设定图片的标记（即设置为假）；

S307：网页解析结束。

本发明实施例通过设立无图模式下是否显示设定图片的标记区，在图片显示模式设置为无图模式的情况下，进一步对标记区的状态进行判断，如果标记区的状态设置为显示设定图片的标记，则获取并显示相应的设定图片；如果标记区的状态设置为不显示设定图片的标记，则不获取或显示相应的设定图片。这样，提供了在无图模式下是否显示设定图片的判断方法，为无图模式下自动显示设定图片提供了可能。进一步地，在表单标签开始进行解析时，将标记区的状态设置为显示设定图片的标记；在表单标签解析结束时，将标记区的状态设置为不显示设定图片的标记，这样，可以在无图模式下自动根据标记识别到网页中的验证码图片并显示这些图片，其它图片则不显示。利用本发明，用户可以在无图模式下看到网页中的验证码图片，而无需手动切换看图模式，也无需显示非验证码图片，极大地增强了无图模式的用户体验，既实现了无图模式下自动显示验证码图片，又不会因为需要识别验证码图片而影响网页的解析效率。

如图4所示，本发明实施例同时提供一种浏览器，包括：

浏览器设置模块10，用于设置图片显示模式；

网页解析模块20，其中在网页解析模块20的公共数据区中设立无图模式下是否显示设定图片的标记区；网页解析模块20在浏览器网页解析过程中，在对图片标签进行解析时，获取浏览器设置模块10中图片显示模式的设置，在图片显示模式设置为无图模式的情况下，进一步对标记区的状态进行判断，如果标记区的状态设置为显示设定图片的标记，则获取并显示相应的设定图片；如果标记区的状态设置为不显示设定图片的标记，则不获取或显示相应的设定图片。

所述设定图片为表单中的图片，网页解析模块20在浏览器网页解析过程中，在对图片标签进行解析前包括进行表单标签解析，解析到表单标签时，将标记区的状态设置为显示表单中的图片的标记；在表单标签解析结束时，将标记区的状态设置为不显示表单中的图片的标记。

优选地，标记区设立在网页解析模块20的公共数据区中。网页解析模块20中设立的标记区可采用布尔类型的变量，在标记区设置为真时，表示显示设定图片；在标记区设置为假时，表示不显示设定图片。

网页解析模块20在浏览器网页解析过程中，在对图片标签进行解析时，获取浏览器设置模块10中图片显示模式的设置，在图片显示模式设置为显示图片模式的情况下，获取并显示相应的图片。

上述模块之间的更具体交互参见方法流程中的描述，此处不再赘述。

无图模式下显示验证码图片的实例如下：图5a为手机淘宝注册页面在现有技术中的无图模式下不能显示验证码图片的界面示意图；图5b为手机淘宝注册页面在本发明的无图模式下显示验证码图片的界面示意图；图6a为艺龙网注册页面在现有技术中的无图模式下不能显示验证码图片的界面示意图；图6b为艺龙网注册页面在本发明的无图模式下显示验证码图片的界面示意图。

可以看到，在使用本发明的技术方案前，这些页面中的验证码图片在无图模式下都是无法显示的；使用本发明的技术方案后，无图模式下，页面中的验证码图片可以正常显示，而其它图片则不显示。

以上参照附图说明了本发明的优选实施例，本领域技术人员不脱离本发明的范围和实质，可以有多种变型方案实现本发明。举例而言，作为一个实施例的部分示出或描述的特征可用于另一实施例以得到又一实施例。以上仅为本发明较佳可行的实施例而已，并非因此局限本发明的权利范围，凡运用本发明说明书及附图内容所作的等效变化，均包含于本发明的权利范围之内。

Claims (8)

1.一种图片显示处理方法，其特征在于，包括：

设立无图模式下是否显示设定图片的标记区；

在浏览器网页解析过程中，在对图片标签进行解析时，获取图片显示模式的设置，在图片显示模式设置为无图模式的情况下，进一步对所述标记区的状态进行判断，如果所述标记区的状态设置为显示设定图片的标记，则获取并显示相应的设定图片；如果所述标记区的状态设置为不显示设定图片的标记，则不获取或显示相应的设定图片；

所述设定图片为表单中的图片，所述在对图片标签进行解析前包括进行表单标签解析，解析到表单标签时将所述标记区的状态设置为显示表单中的图片的标记；在表单标签解析结束时，将所述标记区的状态设置为不显示表单中的图片的标记。

2.根据权利要求1所述的图片显示处理方法，其特征在于，所述标记区设立在网页解析模块的公共数据区中，所述设定图片为表单中的验证码图片。

3.根据权利要求2所述的图片显示处理方法，其特征在于，所述标记区采用布尔类型的变量，在所述标记区设置为真时，表示显示设定图片；在所述标记区设置为假时，表示不显示设定图片。

4.根据权利要求1所述的图片显示处理方法，其特征在于，在浏览器网页解析过程中，在对图片标签进行解析时，获取图片显示模式的设置，在图片显示模式设置为显示图片模式的情况下，获取并显示相应的图片。

5.一种浏览器，其特征在于，包括：

浏览器设置模块，用于设置图片显示模式；

网页解析模块，其中设立无图模式下是否显示设定图片的标记区；所述网页解析模块在浏览器网页解析过程中，在对图片标签进行解析时，获取所述浏览器设置模块中图片显示模式的设置，在图片显示模式设置为无图模式的情况下，进一步对所述标记区的状态进行判断，如果所述标记区的状态设置为显示设定图片的标记，则获取并显示相应的设定图片；如果所述标记区的状态设置为不显示设定图片的标记，则不获取或显示相应的设定图片；

所述设定图片为表单中的图片，所述网页解析模块在对图片标签进行解析前包括进行表单标签解析，解析到表单标签时，将所述标记区的状态设置为显示表单中的图片的标记；在表单标签解析结束时，将所述标记区的状态设置为不显示表单中的图片的标记。

6.根据权利要求5所述的浏览器，其特征在于，所述网页解析模块中设立的所述标记区是设立在所述网页解析模块的公共数据区中，所述设定图片为表单中的验证码图片。

7.根据权利要求6所述的浏览器，其特征在于，所述网页解析模块中设立的所述标记区采用布尔类型的变量，在所述标记区设置为真时，表示显示设定图片；在所述标记区设置为假时，表示不显示设定图片。

8.根据权利要求5所述的浏览器，其特征在于，所述网页解析模块在浏览器网页解析过程中，在对图片标签进行解析时，获取所述浏览器设置模块中图片显示模式的设置，在图片显示模式设置为显示图片模式的情况下，获取并显示相应的图片。