Selenium自行整理【七】

1.7、前端工具介绍

      FireBug

FireBug 是 FireFox 浏览器下的一套开发类插件，相信很多读者对这款前端工具并不陌生。它集 HTML 查看和编辑、Javascript 控制台、网络状况监视器、Cookie 查看于一体，是开发 JavaScript、CSS、HTML 和 Ajax 的得力助手，如图 1-5组图 所示

       我们可以通过它方便地查看页面上的元素，从而根据其属性进行定位。在 Web 自动化测试脚本的编写过程中，此工具起着至关重要的作用。

       FireBug 安装方式一：首先在 FireFox 浏览器的菜单栏中单击 tools（工具）—>add-ons Manager（附加组件），搜索 FireBug。然后对搜索到的插件进行安装，安装完成后重启浏览器，即可在工具栏看到 FireBug 的按钮

        FireBug安装方式二：首先在 FireFox 浏览器的菜单栏中单击 tools（工具）—> 附加组件 —> 从文件安装附加组件 —> 选择下载好的文件firebug-2.0.14-fx.xpi —> 然后点击打开之后系统会自动安装。

               

 

FirePath

       FirePath 是 FireBug 插件扩展的一个工具，用来编辑、检查和生成的 XPath1.0 表达式、CSS 3 选择器以及jQuery 选择器。可以快速帮助我们通过 XPath 和 CSS 来定位页面上的元素，如图 1-6所示

        当通过 FireBug 的鼠标箭头选择一个页面元素后，FirePath 输入框将给出 XPath 的表达式，快速的帮我们定位元素。我们可以点击“XPath: ”按钮切换到 CSS 定位方式，从而获得一个元素的 CSS 定位方式。FirePath 的安装方式与 FireBug 类似。

 

Chrome 和 IE 的开发人员工具

        Chrome 和 IE 浏览器同样也提供了类似 FireBug 的开发人员工具，可以帮助我们定位页面元素。Chrome 浏览器默认自带     Chrome 开发人员工具，单击 Chrome 浏览器右上角的菜单按钮，在下拉菜单中选择“工具”—>“开发人员工具”即可打开，还可以通过快捷键 Ctrl+Shift+I 或 F12 打开，如图 1-7 所示

       IE 浏览器从 IE8 版本开始加入了开发人员工具，用起来也非常方便。单击菜单栏“工具”—>“F12 开发人员工具”或者通过快捷键 F12 即可打开。值得一提的是，它提供了浏览器的兼容模式，我们可以通过选择浏览器模式切换到不同的 IE 版本。如图 1-8，这将非常方便地帮助我们测试 IE 浏览器的兼容性。

 

1.8、开发语言的选择

       通过前面的介绍，我们了解到 Selenium WebDriver 支持多种语言的开发，Java、Python、Ruby、PHP、C#、JavaScript 等，那么我们应该选择哪一种语言结合 Selenium WebDriver 进行开发呢？