CN103810098A - 网页浏览器的页面调整大小的能力的评估 - Google Patents

Abstract

为了促进网页浏览器技术在网页浏览器的调整大小能力方面的发展，本发明提供一种用于评估网页浏览器的页面调整大小的能力的方法。该方法包括创建带有测试区域的网页，该测试区域包括多个测试元素；通过网页浏览器显示网页，并且对所显示的网页中的每一个测试元素执行确定的步骤；该确定的步骤包括确定每一个测试元素的至少两个原始边点的位置；然后，该方法包括调整在网页中测试区域的大小和显示具有调整过大小的测试区域的网页。然后，对在显示的网页中的每个调整过大小的测试元素执行进一步的确定步骤，由此确定测试元素的至少两个分别调整过大小的边点的位置。获得这些位置之后，该方法包括比较至少两个原始边点的位置和至少两个分别调整过大小的边点的位置。

Description

网页浏览器的页面调整大小的能力的评估

技术领域

本发明涉及一种用于评估网页浏览器的页面调整大小的能力的方法和计算机程序。

背景技术

比如，当网页浏览器的用户在其例如计算机、便携式电脑、平板电脑（tablet）或智能手机的终端上扩大或收缩网页浏览器窗口的时候，需要调整页面的大小。当前，通常网页浏览器基于相对的尺寸参数和显示屏上的参考点来计算要显示的对象的坐标。例如，由于显示器的不同的分辨率和变化的图像纵横比，这些基于相对参数的计算易于出错且不精确。

实际上，大多数网页用户已经注意到显示页面的某些元素错误地位于明显错误的尺寸的情况。例如当用户被提示输入信息，但是由于调整大小中的错误却很难找到输入所需数据的方框，这是特别令人烦恼的。也可能出现一个元素错误地显示在另一个元素之上，因此遮挡住了相关信息，并且阻碍了网页的有效使用。实际上，令人吃惊的是，即使网页浏览器是极其广泛使用的产品，并且常常由具有丰富资源的大牌技术公司来开发，但这些错误仍普遍存在。这允许有这样的一个结论：在制作网页浏览器中存在一些特定的困难和问题，并且仍需要改进。

发明内容

本发明的目的是促进网页浏览器技术在网页浏览器的调整大小能力方面的发展。

通过发明一种用于评估网页浏览器的页面调整大小的能力的新方法和计算机程序来实现该目的。

根据本发明的一个方面，提供了一种借助于计算机程序来评估网页浏览器的页面调整大小的能力的方法。该方法包括创建具有测试区域的网页，该测试区域包括多个测试元素。然后，通过网页浏览器显示网页，并对所显示的网页中的每个测试元素执行确定步骤。该确定步骤包括确定测试元素的至少两个原始边点的位置。在此之后，该方法包括调整网页中测试区域的大小，并显示具有调整过的测试区域的网页。然后，在显示的网页中对每个调整过的测试元素执行进一步的确定步骤，由此确定测试元素的至少两个分别调整过的边点的位置。这里，分别调整过的边点指的是测试元素中的相应点，而不是所确定的原始边点。在获得这些位置之后，该方法包括对至少两个原始边点的位置与至少两个分别调整过的边点的位置之间进行比较。

根据本发明的另一方面，提供了一种用于评估网页浏览器的页面调整大小的能力的应用程序。该应用程序包括用于指示用户终端执行如上所述的方法的程序编码装置。

本发明允许一些不同的有用实施例。

例如，根据所获得的数据，可以确定网页浏览器是否能够正确地调整大小。

根据一个实施例，也可以根据所获得的数据来确定所说的网页浏览器在调整网页的大小中产生的是哪种错误。

本发明及其实施例可用于例如基准检测网页浏览器，并因此允许在不同的网页浏览器产品之间做比较。之前这种功能并未实现。

根据一个实施例，可通过访问提供了正确的应用程序的网页来实现评估。那么，对普通消费者来说，通过在网页上点击相应的按钮运行测试，由此方便地进行评估，也是很简单的。这会增加对不同网页浏览器的能力的认识，并相应地促进更好的产品的发展。

本发明及其实施例也可被网页浏览器的开发者使用，用于评估他们的网页浏览器的调整大小的能力，由此可帮助他们改进其产品。

附图说明

为了更加全面地理解本发明和其优势，本发明将通过示例和参考以下附图的形式来进行描述，其中：

图1示出了根据一个实施例的经由调整大小的不同阶段的整体流程；

图2示出了根据一个实施例的可用于图1中整体流程的子处理的示例；

图3示出了根据一个实施例的可用于图1中整体流程的子处理的第二个示例；

图4示出了根据一个实施例的可用于图1中整体流程的子处理的第三个示例。

图5示出了根据一个实施例的可用于图1中整体流程的子处理的第四个示例。

图6说明了调整大小成功的示例；

图7说明了检测调整大小失败的主要特征的示例：以及

图8示出了根据一个实施例的关于位置测试的子处理的示例。

具体实施方式

在下文中将讨论不同的实施例，其中的一个叫做浏览器标记（Browsermark）。浏览器标记设计为可用多种方式检测浏览器性能。调整大小测试可作为更广泛的测试套件中的一部分。

如以上已经讨论的，网页浏览器的调整大小的能力是重要的特征。其必须流畅地工作，并且必须相对快地测量所有的显示信息，以保证使客户的体验流畅。

浏览器标记设计为可用多种方式检测浏览器的性能，其中，调整大小测试可作为更广泛的测试套件中的一部分。当调整大小的时候，在浏览器标记产品中执行的调整大小检测用不同的方式来测试当前的浏览器是怎样工作的。

在测试的开始时，创建带有测试区域的网页。测试区域常常形成网页的显示区域的一部分。网页中显示的测试区域包括多个测试元素，它们在测试的过程中将被多次调整大小。根据这些实施例，测试元素的数量至少是三，优选为至少是九，且通常为至少27。在以下通过参考附图讨论的实施例中，测试元素的数量是54。在优选实施例中，一些测试元素处在另一个测试元素内，使得存在一个所谓的静态父元素和在该静态父元素中的一个或多个动态子元素。术语“动态”指的是子元素的位置和尺寸相对于其父元素来限定的事实，而术语“静态”的意思是和父元素没有这种相关的关系，但是静态元素（父元素也好或子元素也好）的位置和大小可被独立的选择。

可行的或甚至优选的是，在子元素中放置至少一个另外的动态子元素。那么，子元素中的所述另外的子元素称为子孙元素，且在其中放置了子孙元素的子元素是该子孙元素的直接父元素。在这种情况下，子孙元素的位置和尺寸相对于其直接父元素来限定，其中直接父元素即为在其部分上关于父元素来限定的子元素。这种具有多个关于其它元素来限定且也具有串联关系的多个元素的结构允许建立一个用于评估网页浏览器的能力的有效的工具。

在测试于测试区域中创建了各个元素之后，收缩或扩大测试区域。在优选实施例中，该测试包括执行连续的调整大小的操作，优选为用不同的参数执行。这意味着比如测试区域多次顺序地交替扩大和收缩。连续的扩大请求也可彼此不同，例如第一个请求用于加宽区域，下一个请求是增加高度，然后增加高度和宽度。在这些请求之间，收缩的调整大小的任务可用相应的不同方式实现。这当然只是构建有效的测试序列的各种可能性中的一个示例。然而，优选为测试序列包括一些用不同的调整大小的参数逐次执行的调整大小的步骤。在每个调整大小的步骤之后，可检查具有其元素的修改后的区域，以验证元素的相对位置的正确性。

在一个实施例中，调整大小参数选择成使得如果网页浏览器精确和正确地工作，则测试结束时的结果测试区域应与测试开始时原始创建的原始测试区域相同。这允许做出一个关于由网页浏览器执行的整个调整大小过程的精确度的检查，例如下文中讨论的如图8所示的那样。

图1说明了在站外连接器(off-page connector)中调整大小序列的整个工作流程。首先，步骤110启动该过程，并且调整大小测试开始。当然，如以上已经讨论的，图1的过程只是各种可能的过程设计中的一个示例。根据图1，在测试开始之后，浏览标记在步骤120生成调整大小测试区域。步骤120具有如以下通过参考图5描述的功能。根据图1的实施例的整个过程包括从步骤120到步骤210的一系列步骤，其中，测试区域的宽度加倍。接下来，在步骤310，测试区域的高度加倍，然后在步骤410，测试区域的宽度减半。然后，该过程进行到步骤510，其中测试区域的高度减半。在此之后，如图1所示，该过程重复步骤210、310、410和510。在重复步骤210、310、410和510之后，执行如图8所描述的位置精度测试（图1未示出），然后，该过程移至步骤130，并结束该调整大小的方案。

因此，图1的过程示例执行了八个调整大小的步骤。当然，步骤的数目也可以选择为其它的数目，且可修改为例如六至十二个，然而这些数目不受限制，但是建议为一个范围，在该范围中可以选择用于一些实践测试目的的合适的值。也可改变调整大小步骤210、310、410、510的顺序，或将一个或多个步骤替换为不同种类的调整大小的操作。当然，可选择不同的调整大小的参数，例如使得可以使用不同于减半或加倍的调整大小的因素。例如，一个例子是增加尺寸的25％然后减小尺寸的20％，或者增加尺寸的150％然后减小尺寸的60％。或者，可先减少尺寸然后再增加尺寸，或者可使用适当的步骤的其它适当的组合。

图2示出了在执行加倍测试区域宽度的步骤210后显示了调整大小的结果之后执行的子处理。步骤220测量或确定每个元素的至少两个对角的位置，并且步骤230在其内部存储装置中存储数据，用于之后的参考。在存储该信息之后，在步骤240做出决定怎样继续下去。如果这是第一轮，那么仍然需要第二轮，该应用存在子处理，并根据图1中的主过程向前执行。如果这是第二轮，那么子处理继续到步骤810，其如图8更加详细地描述，在此之后到步骤250，其中确定调整大小是否成功。框610涉及图6，图6示出了一个成功的调整大小的示例，而涉及框710的图7示出了调整大小失败的示例。仅作为一个示例给出，例如，显示的原始元素可以是1000个像素宽和500个像素高。

图3示出了在执行加倍测试区域高度的步骤310后显示了调整大小的结果之后执行的子处理。步骤320测量或确定每个元素的至少两个对角的位置，并且步骤330在其内部存储装置中存储数据，用于之后的参考。在存储该信息之后，在步骤340决定怎样继续。如果这是第一轮，那么仍然需要第二轮，该应用存在子处理且根据图1中的主过程前进。如果这是第二轮，那么子处理继续到步骤810，如图8更加详细地描述。在此之后到步骤350，其中确定调整大小是否成功。框610涉及图6，图6示出了一个成功的调整大小的示例，而涉及框710的图7示出了调整大小失败的示例。仅作为一个示例给出，例如，显示的原始元素可以是1000个像素宽和1000个像素高。

图4示出了在执行测试区域宽度减半的步骤410后显示了调整大小的结果之后执行的子处理。步骤420测量或确定每个元素的至少两个对角的位置，并且步骤430在其内部存储装置中存储数据，用于之后的参考。在存储该信息之后，在步骤440决定怎样继续。如果这是第一轮，那么仍然需要第二轮，该应用存在子处理且根据图1中的主过程前进。如果这是第二轮，那么子处理继续到步骤810，如图8更加详细地描述，在此之后到确定调整大小是否成功的步骤450。框610涉及图6，图6示出了一个成功的调整大小的示例，而涉及框710的图7示出了调整大小失败的示例。仅作为一个示例给出，例如，显示的原始元素可以是500个像素宽和1000个像素高。

图5示出了在执行测试区域高度减半的步骤510后显示了调整大小的结果之后执行的子处理。步骤520测量或确定每个元素的至少两个对角的位置，并且步骤530在其内部存储装置中存储数据，用于之后的参考。在存储该信息之后，在步骤540决定怎样继续。如果这是第一轮，那么仍然需要第二轮，该应用存在子处理且根据图1中的主过程前进。如果这是第二轮，那么子处理继续到步骤810，如图8更加详细地描述，在此之后到确定调整大小是否成功的步骤550。框610涉及图6，图6示出了一个成功的调整大小的示例，而涉及框710的图7示出了调整大小失败的示例。仅作为一个示例给出，例如，显示的原始元素可以是500个像素宽和500个像素高。

图6用简化的示例说明了网页浏览器怎样成功地执行大小调整。在该简化的示例中，元素1是元素1.1和元素1.2的父元素，且元素1.2是元素1.2.1的父元素。在调整大小之后，每个元素保留在其父元素中，所以调整大小是成功的。由于610和620均成功地将1、1.1、1.2、1.2.1包括在他们的正确边界之内，因此可以确定调整大小成功了。

图7用简化的示例说明了怎样检测和测量调整大小的失败。在该简化示例中，元素1是元素1.1和元素1.2的父元素，元素1.2是元素1.2.1的父元素。在调整大小之后，元素1.2溢出在其父元素之外，使得在位置730处元素的两个角调整大小失败。然而元素1.2.1成功了，这是因为即使元素溢出在祖父元素1之外，该元素仍在其父元素（直接父元素）1.2之内。例如，可以基于不是所有的测试区域710和720都成功地将其所有的元素包含在边界之内来判定调整大小的失败。这是因为元素1.2和1.2.1没有在父元素中，这可以在例如位置730上看到。

图8示出了在第二轮步骤210、310、410、510的过程中和之后执行的子处理的流程图（在第一轮完成了两次时开始）。图8中的子处理是精度测试，在该精度测试中通过比较第一轮角位置和第二轮角位置来确定网页浏览器调整大小的精度。当需要角的对比时，如图2、图3、图4、图5所示，步骤810从内部存储装置820和830中接收第一轮和第二轮位置信息。在接收该信息之后，确定位置精度测试是成功还是失败，框840和框850分别表示该状态。在确定之后，该决定分别传递给步骤250、350、450或550，如图2、图3、图4、图5所描述。所说的步骤250、350、450或550做出肯定的判决或否定的判决，如果是肯定判决，就将信息发送至步骤610，如果是否定判决，就将信息发送至步骤710。

如上所述，评估网页浏览器的页面调整大小的能力的方法的实施例包括：

创建带有测试区域的网页，该测试区域包括多个测试元素；

通过网页浏览器显示网页；

确定所显示的网页中每一个测试元素的至少两个原始边点的位置；

调整网页中测试区域的大小；

显示具有调整过大小的测试区域的网页；

确定所显示的网页中每一个调整过大小的测试元素的至少两个分别调整过大小的边点的位置。

比较至少两个原始边点的位置和至少两个分别调整过大小的边点的位置。

在一个实施例中，测试区域包括至少三个测试元素，且优选为包括至少二十个测试元素。

根据一个实施例，至少一个测试元素具有矩形形状，且原始边点和分别调整过大小的边点由各个测试元素的至少两个对角点形成。然而，只要能被网页浏览器支持，其它形状也可以。

根据一个实施例，该方法包括重复地执行以下序列：

调整网页中测试区域的大小；

显示具有新调整过大小的测试区域的网页；

确定所显示的网页中每个调整过大小的测试元素的至少两个分别调整过大小的边点的位置；以及

保存所确定的位置以用于对至少两个原始边点的位置和至少两个分别调整过大小的边点的位置进行比较。

根据一个实施例，重复执行该序列直到已经执行了预定数量的序列。预定数量可以是例如四个或更多，比如八个或更多。

根据一个实施例，位置的确定包括从网页浏览器请求与所显示的测试元素相关的位置数据。

根据一个实施例，至少有一次调整大小的步骤包括在经过调整的测试区域上应用反向调整大小参数，以创建反向调整大小区域，该反向调整大小参数选择为以便生成与原始创建的测试区域相同的测试区域。该方法进一步包括检查至少两个反向调整大小的边点的位置是否与各个至少两个边点的位置匹配。

根据一个实施例，多个测试元素包括至少一个父元素和至少一个位于各自的父元素内的子元素，该方法进一步包括在调整了测试区域的大小之后检查至少一个子元素是否还位于各自的父元素之内。

根据一个实施例，多个测试元素包括至少一个位于各自的子元素内的子孙元素，该方法进一步包括在调整了测试区域的大小之后检查至少一个子孙元素是否还位于各自的子元素之内。

根据一个实施例，该方法包括重复所述调整大小、显示和确定的步骤若干次，使得至少一个调整过大小的测试区域比原始测试区域宽，至少一个调整过大小的测试区域比原始测试区域高，且至少一个调整过大小的测试区域比原始测试区域高且宽。

根据一个实施例，测试区域包括公共的子元素内的至少两个子孙元素。

根据一个实施例，测试区域包括在一个父元素中的至少两个子元素。

根据一个实施例，测试区域包括至少二十个测试元素。

根据一个实施例，提供了一种用于评估网页浏览器的页面调整大小的能力应用程序。

根据一个实施例，应用程序包括用于指示用户终端执行根据说明书中所描述的任何一个实施例或其组合的方法的程序编码装置。

根据一个实施例，该应用程序在网页上有效。

应该理解的是，本发明所公开的实施例不限于这里所公开的特定结构、处理步骤或材料，而应当延伸到相关领域的普通技术人员所理解的这些特征的等同替代。还应当理解的是，在此使用的术语仅用于描述特定实施例的目的，而并不意味着限制。

说明书中提到的“一个实施例”或“实施例”意指结合实施例描述的特定特征、结构或特性包括在本发明的至少一个实施例中。因此，说明书通篇各个地方出现的短语“一个实施例”或“实施例”并不一定均指同一个实施例。

为了方便，在此使用的多个项目、结构单元、组成单元和/或材料可出现在共同列表中。然而，这些列表应解释为该列表中的每个元素分别识别为单独唯一的成员。因此，该列表中没有一个成员可仅基于它们出现在共同列表中而没有反面指示便被解释为相同列表的任何其它成员的实际等同。另外，在此还可以连同针对各元件的替代一起来参照本发明的各种实施例和示例。应当理解的是，这些实施例、示例和替代并不解释为彼此的等同物，而被认为是本发明的单独自主的代表。

此外，所描述的特征、结构或特性可以任何其他合适的方式结合到一个或多个实施例中。在下面的描述中，提供一些具体的细节，例如长度、宽度、形状等，以提供对本发明的实施例的全面理解。然而，相关领域的技术人员将明白，本发明无需上述一个或多个具体的细节便可实现，或者也可采用其它方法、组件、材料等实现。在其它示例中，周知的结构、材料或操作并未详细示出或描述以免模糊本发明的各个方面。

虽然上述示例用于说明本发明在一个或多个应用中的原理，但对于本领域的技术人员来说，在不背离本发明的原理和思想的情况下，明显可以在形式上、用法及实施的细节上作各种修改而不用付出创造性劳动。因此，本发明由所附的权利要求书来限定。

Claims (14)

1.一种借助于计算机程序来评估网页浏览器的页面调整大小的能力的方法，该方法包括以下由计算机实现的步骤：

创建带有测试区域的网页，该测试区域包括多个测试元素；

通过网页浏览器显示该网页；

确定所显示的网页中每一个测试元素的至少两个原始边点的位置；

调整网页中测试区域的大小；

显示具有调整过大小的测试区域的网页；

确定所显示的网页中每一个调整过大小的测试元素的至少两个分别调整过大小的边点的位置；和

比较所述至少两个原始边点的位置和所述至少两个分别调整过大小的边点的位置。

2.如权利要求1所述的方法，其中，至少一个测试元素具有矩形形状，且原始边点和分别调整过大小的边点由各个测试元素的至少两个对角点形成。

3.如权利要求1或2所述的方法，进一步包括重复地执行以下序列：

调整网页中测试区域的大小；

显示具有新调整过大小的测试区域的网页；

确定所显示的网页中每个调整过大小的测试元素的至少两个分别新调整过大小的边点的位置；以及

保存所述确定的位置，用于比较至少两个原始边点的位置和至少两个分别新调整过大小的边点的位置。

4.如权利要求3所述的方法，其中，重复执行该序列，直到执行了预定数量的序列。

5.如权利要求4所述的方法，其中，所述预定数量至少是4。

6.如权利要求1-5中任一项所述的方法，其中，所述位置的确定包括从网页浏览器中请求与所显示的测试元素相关的位置数据。

7.如权利要求1-6中任一项所述的方法，其中，至少有一次调整大小的步骤包括在经过调整的测试区域上应用反向调整大小参数，以创建反向调整大小区域，反向调整大小参数选择为以便生成与原始创建的测试区域相同的测试区域，所述方法进一步包括检查至少两个反向调整的边点的位置是否与各个至少两个边点的位置相匹配。

8.如权利要求1-7中任一项所述的方法，其中，多个测试元素包括至少一个父元素和至少一个位于各自的父元素内的子元素，所述方法进一步包括在调整了测试区域的大小之后检查至少一个子元素是否还位于各自的父元素之内。

9.如权利要求1所述的方法，其中，所述多个测试元素在各自的子元素包括至少一个位于各自的子元素内的子孙元素，所述方法进一步包括在调整了测试区域的大小之后检查至少一个子孙元素是否还位于各自的子元素之内。

10.如权利要求1所述的方法，其中，所述测试区域在公共的子元素中包括至少两个子孙元素。

11.如权利要求8-10所述的方法，其中，所述测试区域在一个父元素中包括至少两个子元素。

12.如权利要求1-11中任一项所述的方法，其中，所述测试区域包括至少二十个测试元素。

13.如权利要求12所述的方法，其中，所述方法包括重复调整大小、显示和确定的步骤若干次，使得至少一个调整过大小的测试区域比原始测试区域宽，至少一个调整过大小的测试区域比原始测试区域高，且至少一个调整过大小的测试区域比原始测试区域高且宽。

14.一种用于评估网页浏览器的页面调整大小的能力的应用程序，该应用程序包括用于指示用户终端执行如权利要求1-13中任一项所述的方法的程序编码装置。

Images