专利名称：基于浏览器的选择器表现方法及装置的制作方法
技术领域：
本申请涉及网页自动化测试技术领域，尤其涉及一种基于浏览器的选择器表现方法及装置。
背景技术：
网页自动化测试主要是基于框架的。在网页自动化脚本编写过程中有一道必须做的工序是:抓取并验证网页中的选择器(selector)对象。选择器可以分为ID选择器(#id)、Class选择器(.class)、元素类型(type)选择器(P)、属性(Attribute)选择器等。通常，抓取并验证一个选择器(selector)的对象的过程很长，快则需要至少I分钟，慢则需要数分钟甚至更长的时间。如果是一名对selector语法不熟悉的自动化测试者，在抓取过程中如果遇到超文本标记语言(HyperText Markup Language,简称HTML)层级复杂的元素，甚至会有不知该如何抓取该元素的窘境发生。即便对于一名经验丰富的自动化测试者来讲，抓取并手工验证selector的对象依然是一件相当耗时的事情。同样，在维护selector的对象库的时候,对已经失效的selector的对象进行重新抓取,和抓取一个全新的selector的对象所消耗时间没有两样。现有对选择器的抓取验证方案，一般就是通过测试人员对当前网页的源代码进行目视检查，看到源代码中一段描述元素的元素内容的代码后，人工地利用自己的技术水平，解析出该元素所对应的选择器，即写出该选择器的对象内容；在获得到该元素对应的选择器后，将该选择器放入一个现有的测试软件中，通过这个软件提供的查询功能，来找出该选择器所对应的元素内容，通过将软件查找出元素内容与在源代码中作为写出选择器的元素内容相比较，如果一致，那么选择器的抓取准确，否则重新抓取。通常情况下，上述抓取并手工验证一个选择器为:首先前提条件是本地安装Automan软件,启动IE浏览器,打开要抓取页面元素的网页,在IE中按下fl2键,显示开发人员工具画面，从开发人员工具中按下ctrl键激活抓取功能，点选一个控件，IE锁定该控件的HTML源代码，人工定位某元素所在的代码段，通过代码段中元素的元素内容，通过解析出该代码的选择器，在操作系统命令符提示界面中启动自动化控制台(Automanconsole)程序,通过find()函数找出该选择器所对应的元素内容,来验证解析的selector是否正确，如果解析出的元素内容与目视所看的元素内容一样，则正确，抓取选择器成功，否则需要重新解析。这种技术方案就是目前流行的，首先通过IE自带的开发人员工具插件，或火狐(Firefox)的第三方插件萤火虫(Firebug),来进行HTML元素的源代码定位；然后通过目视源代码中元素内容来解析得出selector的对象内容；最后把解析出的selector对象内容放到Automan console界面中，通过执行find()命令符解析出该selector对象内容所对应的元素内容，来进行验证该解析出的元素内容与目视的代码段中某元素的元素内容是否一致，如果一致，则证明抓取的元素的选择器准确。这种方案有三个缺点。缺点一,抓取到selector之前需要人工预先定位页面元素的HTML代码。缺点二，手工抓取的每一个新的selector，准确性都无法保证，需要在第三方程序Automan Console上进行验证。缺点三,被抓取的目标页面元素所对应的HTML代码中，如果没有任何id/class/name属性值,且层级构造复杂的场合,即便是一位经验丰富的自动化测试者也无法确保最终能抓取到正确的选择器。在新版本的Automan console中提供了新功能，pickup O命令符。在Automanconsole中键入pickup (URL)命令符，然后在已经打开得网页中用鼠标指针移到想要抓取得页面元素上，按键盘的ctrl键,Automan console会对应抓取到该元素的selector并以最短有效路径方式显示在Automan Console界面中。以http://www.google, com.hk页面中手气不错按钮为例，利用AutomanConsole实现抓取该页面元素的selector对象的步骤如下:运行IE浏览器 并访问http://www.google, com.hk,画面中显示google默认中文首页的内容；在开始的命令符提示界面运行窗口中运行automan console命令符,Windows桌面弹出DOS界面的Automan console程序画面；在Automan console 画面中键入 pickup (/google/)命令符；将桌面聚焦到之前已经打开了的IE浏览器的google中文首页；然后将鼠标指针移到手气不错按钮上，在键盘上按一下Ctrl键。Automan Console上对应显示抓取到手气不错按钮的selector对象。第二种技术方案就是使用Automan Console提供的新功能:pickup O命令符。但是,这种方案有两个缺点。缺点一，若要在浏览器上抓取selector对象,就必须安装第三方软件Automan Console,该缺点上述第一种方案也具有。缺点二,通常Automan测试脚本的开头或结尾会写有统一关闭IE浏览器的代码，而且Automan Console只支持在IE浏览器上抓取selector对象,如果在抓取selector对象时执行了 Automan脚本,那么包括抓取selector对象的目标页面在内的所有IE浏览器均会在Automan脚本执行完了后自动关闭，会给用户带来不便。申请内容本申请的目的是提供一种基于浏览器的选择器表现方法及装置，以解决现有技术中手工抓取的低准确性，或者测试完毕后所有页面自动关闭而带来的不便等问题。为实现上述目的，本申请提供了一种基于浏览器的选择器表现方法。该方法包括:从当前网页中标识所选择的页面元素；定位所述页面元素，并抓取所述页面元素对应的选择器；以及通过超文本标记语言代码段将所述选择器的对象内容嵌入，输出至所述浏览器中的自动选择器界面中进行表现。本申请还提供一种基于浏览器的选择器表现装置，包括:鼠标指向监听器，用于从当前网页中标识所选择的页面元素；鼠标点击监听器，用于定位所述页面元素；以及选择器抓取单元，用于抓取所述页面元素对应的选择器；元素内容输出单元，用于通过超文本标记语言代码段将所述选择器的对象内容嵌入，并输出至所述浏览器中的自动选择器界面中进行表现。本申请无需再依靠目视方式进行手工解析，避免了所有浏览的页面被强行关闭而给用户带来的不便。
图1为本申请实施例基于浏览器的选择器表现方法的流程图；图2为本申请实施例基于浏览器的选择器表现方法示例的基于火狐浏览器的界面示意图1 ;图3为本申请实施例基于浏览器的选择器表现方法示例的基于火狐浏览器的界面示意图2 ；图4为本申请实施例基于浏览器的选择器表现装置的示意图。
具体实施例方式下面通过附图和实施例，对本申请实施例的技术方案做进一步的详细描述。本申请提供了一种基于浏览器的选择器表现方法以及装置，在实际应用时，本申请方法或者装置实施例呈现为插件组件，将该插件组件嵌入进火狐或者谷歌浏览器等的插件菜单中。本申请插件名为自动选择器，打开该插件组件后，自动选择器的界面显示在当前浏览器中，这样就可对网页上的页面元素进行正确的选择器获取。本申请基于浏览器的选择器表现方法，在具体应用时，如图2和图3所示。图2和图3分别为本申请基于浏览器 的选择器表现方法示例的基于火狐(Firefox)浏览器的自动选择器界面示意图1和2。启动Firefox浏览器，在该浏览器界面中键盘按下F12，显示萤火虫(Firebug)插件画面，点击Firebug的菜单项“自动选择器(Auto selector)”，自动选择器界面显示在浏览器的下方，选中自动选择器界面上的自动选择(Auto-select)按钮，激活抓取页面元素的选择器功能，鼠标移动到某网页的页面元素，红色虚线框锁定该页面元素，该步骤替代了第一种现有方案通过IE插件将当前页面转换为HTML源代码，以及通过人工目视将元素所在代码段定位出来。如图2中标号③所示处，点击该网页元素，抓取到选择器(selector)并显示选择器的对象内容。同现有第二种技术方案相比，自动选择器界面在浏览器画面上，而无需额外打开命令符提示界面运行窗口运行第三方软件。并且通过点击插件Firebug的自动选择器可以关闭该选择器抓取功能，但打开的目标页面不会被强行关闭带来不便。首先对图2和图3中的标号进彳丁说明，分别为表I和表权利要求
1.一种基于浏览器的选择器表现方法，其特征在于，包括: 从当前网页中标识所选择的页面元素； 定位所述页面元素，并抓取所述页面元素对应的选择器；以及 通过超文本标记语言代码段将所述选择器的对象内容嵌入，输出至所述浏览器中的自动选择器界面中进行表现。
2.根据权利要求1所述的基于浏览器的选择器表现方法，其特征在于，还包括: 根据所述选择器的对象内容，获取所述页面元素的元素值与元素类型； 将所述元素值和元素类型通过超文本标记语言代码段嵌入输出至自动选择器界面中。
3.根据权利要求1所述的基于浏览器的选择器表现方法，其特征在于，所述从所述页面元素中抓取选择器具体为: 调用自动选择器对象模型运行函数，执行获取选择器函数，抓取所述页面元素对应的选择器。
4.根据权利要求1所述的基于浏览器的选择器表现方法，其特征在于，在所述从当前网页中标识所选择的页面元素之前还包括: 获取自动选择按钮的当前状态； 当所述当前状态为未选中时，判断所述自动选择按钮是否为第一次被选中，当为第一次被选中时，将所述当 前网页添加层叠样式表单样式，以及添加鼠标指向监听器和鼠标点击监听器；当不为第一次选中时，添加鼠标指向监听器和鼠标点击监听器。
5.根据权利要求4所述的基于浏览器的选择器表现方法，其特征在于，还包括: 当所述自动选择按钮的当前状态为已被选中时，取消已有的所述鼠标指向监听器和鼠标点击监听器。
6.根据权利要求4所述的基于浏览器的选择器表现方法，其特征在于，所述从当前网页中标识所选择的页面元素具体为: 所述页面元素被选择后，所述鼠标指向监听器将所述页面元素从当前网页中用虚线框体标识。
7.根据权利要求6所述的基于浏览器的选择器表现方法，其特征在于，所述定位所述页面元素具体为: 所述鼠标点击监听器响应点击事件，确定被选择的所述页面元素。
8.根据权利要求2所述的基于浏览器的选择器表现方法，其特征在于，所述根据所述选择器的对象内容，获取所述页面元素的元素值与元素类型具体为: 根据所述选择器的对象内容，调用自动选择器模型获取元素类型方法，抓取所述页面元素的元素值和元素类型。
9.根据权利要求3所述的基于浏览器的选择器表现方法，其特征在于，还包括: 给输出到所述自动选择器界面中的所述选择器对应的所述页面元素添加鼠标指向事件监听器，以及鼠标移出事件监听器。
10.一种基于浏览器的选择器表现装置，其特征在于，包括: 鼠标指向监听器，用于从当前网页中标识所选择的页面元素； 鼠标点击监听器，用于定位所述页面元素；以及 选择器抓取单元，用于抓取所述页面元素对应的选择器；元素内容输出单元，用于通过超文本标记语言代码段将所述选择器的对象内容嵌入，并输出至所述浏览器 中的自动选择器界面中进行表现。
全文摘要
本申请涉及一种基于浏览器的选择器表现方法及装置。该方法包括从当前网页中标识所选择的页面元素；定位所述页面元素，并抓取所述页面元素对应的选择器；以及通过超文本标记语言代码段将所述选择器的对象内容嵌入，输出至所述浏览器中的自动选择器界面中进行表现。本申请无需再依靠目视方式进行手工解析，避免所有IE浏览器被强行关闭而给用户带来的不便。
文档编号G06F9/44GK103164195SQ201110415159
公开日2013年6月19日 申请日期2011年12月13日 优先权日2011年12月13日
发明者金鑫, 刘涵, 石龙华, 赵成阳, 周妍, 周永丰 申请人:阿里巴巴集团控股有限公司