元素定位-----Selenium快速入门（二）

一。eclipse设置

工欲善其事必先利其器，在说元素定位之前，先来设置下eclipse。

首先放大一下字体，点击windows-preferences

其次，eclipse对于java的智能提示默认是输入.才触发的，我们改为任意一个字母即可触发。

Java-Editor-Content Assist

在Auto activation triggers for java 输入：abcdefghijklmnopqrstuvwxyz. 注意，最后是有一点的"."

最后，我不想工具栏中有那么多图标

点击window-perspective-customize perspective即可设置

最后的效果

二。元素定位

　　Selenium对于有开发经验而又懂html,css,js的人来说，其实就是小菜一碟，只要手头有api文档，即可开始写代码。但对于什么都不懂的小白，难度有些大，上面说的html，css，js起码要懂一点，如果什么都不懂，建议先学学。

　　Selenium的api文档地址是：http://seleniumhq.github.io/selenium/docs/api/java/index.html 。都是英文，不过既然你要写代码，多多少少也得要啃一点英文，就算不太懂也没关系，不是很多网上即时翻译嘛。在本系列，我也将会翻译一些关键的说明。

　　这里说的元素，是指Selenium里的WebElement，api文档中的介绍是：Represents an HTML element。

　　意思就是说：这里的元素是指html里的元素，html里的元素简单说就是html标签，例如<p></p>

　　Selenium里查找元素的方法是：findElement(By by)  和 findElements(By by) ，前者返回一个元素，后者返回一组元素

　　findElement(By by)如果找到元素，会返回第一个符合要求的WebElement对象，如果找不到，则抛出”元素不存在“的异常NoSuchElementException

　  findElements(By by)则不会抛出异常，如果找到一组对象，会返回java.util.List<WebElement>,如果找不到，则返回空的列表。

　　而调用这两个方法都会使用到一个相同的对象，By，这个对象以下的静态方法，都是查找元素的依据。

例如，By.id("id")，是指通过id查找元素。例如，我们查看百度首页的html，得知，搜索框的ID是kw，回到我们的eclipse，输入以下代码

System.setProperty("webdriver.chrome.driver", "D:/WorkSpace/SeleniumTest/tools/chromedriver.exe");
         WebDriver driver=new ChromeDriver();
         driver.get("http://www.baidu.com");

         driver.findElement(By.id("kw")).sendKeys("Selenium");

注意最后一句，driver.findElement(By.id("kw"))是查找id为kw的元素，后面的sendKeys("Selenium")是因为我们知道这是一个文本框，然后尝试在文本框内输入字符，以表示我们找到这个元素。如果id为"kw"的元素不存在的话，根据上面所说的，会抛出一个元素不存在的异常(NoSuchElementException)。例如，我们将id从"kw"改成"wk"，执行一下，就可以看到以下结果

　　所以，当你不知道该元素是否存在的时候，必须考虑到元素不存在这种情况。

　　下面总结一下，查找的几种方法

方法	说明	举例	调用
By.id	通过id查找	<p id="msg">ttttttt</p>	driver.findElement(By.id("msg"))
By.linkText	通过链接文字查找	<a href="http://www.baidu.com">百度</a>	driver.findElement(By.linkText("百度"))
By.partialLinkText	通过部分链接文字查找	<a href="http://www.baidu.com">百度</a>	driver.findElement(By.partialLinkText("百"))
By.name	通过name查找	<p name="myname">tttttttt</p>	driver.findElement(By.name("myname"))
By.tagName	通过标签名查找	<p>tttttttt</p>	driver.findElement(By.tagName("p"))
By.xpath	通过xpath查找	<p>ttttttt</p>	driver.findElement(By.xpath("/p"))
By.cssName	通过css名查找	<p class="normal-text">ttttttt</p>	driver.findElement(By.cssName("normal-text"))
By.cssSelector	通过css选择器查找	<p id="msg">ttttttttt</p>	driver.findElement(By.cssSelector("#msg"))

　　　如果懂得html和css，上面的说明都是非常清楚，如果不懂的，还需要自学一下。

　　　　cssSelector的说明：http://www.w3school.com.cn/cssref/css_selectors.asp

　　　　xpath的说明：http://www.w3school.com.cn/xpath/index.asp

　　　　这些其实都不用死记硬背，目前的浏览器，几乎都有调试工具，可以找出任一个元素的xpath和css选择器。

　　　  例如，chrome，按F12，即可跳出调试工具，如下图