java - 与 findElement() 一起使用的最有效选择器是什么？

Question

在使用 Selenium 网络测试时，有几种方法可以识别 WebElements。

根据我的经验，我使用过以下选择器:

• 类名 - By.className()
• CSS 选择器 - By.cssSelector()
• ID - By.id()
• 链接文本 - By.linkText()
• 姓名 - By.name()
• 标签名称 - By.tagName()
• XPath - By.xpath()

很明显，当只有一个选项可以用来定位一个元素时，我们必须使用那个选项，但是当可能使用多种方法时(例如:下面的div)，应该如何确定使用哪种方法？是否有比其他选择器更有效率的选择器？是否有一些更耐用？

<div class="class" id="id" name="name">Here's a div</div>

Answer 1

只为 s&gs...

我对找到 div 的每个标识符方法分别计时了 5 次，并对找到该元素所花费的时间进行了平均。

WebDriver driver = new FirefoxDriver();
driver.get("file://<Path>/div.html");
long starttime = System.currentTimeMillis();
//driver.findElement(By.className("class"));
//driver.findElement(By.cssSelector("html body div"));
//driver.findElement(By.id("id"));
//driver.findElement(By.name("name"));
//driver.findElement(By.tagName("div"));
//driver.findElement(By.xpath("/html/body/div"));
long stoptime = System.currentTimeMillis();
System.out.println(stoptime-starttime + " milliseconds");
driver.quit();

它们按平均运行时间排序如下。

• CssSelector:(796ms + 430ms + 258ms + 408ms + 694ms)/5 = ~517.2ms
• 类名:(670ms + 453ms + 812ms + 415ms + 474ms)/5 = ~564.8ms
• 姓名:(342ms + 901ms + 542ms + 847ms + 393ms)/5 = ~605ms
• ID:(888ms + 700ms + 431ms + 550ms + 501ms)/5 = ~614ms
• Xpath:(835ms + 770ms + 415ms + 491ms + 852ms)/5 = ~672.6ms
• 标记名:(998ms + 832ms + 1278ms + 227ms + 648ms)/5 = ~796.6ms

阅读@JeffC 的回答后，我决定将 By.cssSelector() 与类名、标记名和 id 作为搜索词进行比较。同样，结果如下..

WebDriver driver = new FirefoxDriver();
driver.get("file://<Path>/div.html");
long starttime = System.currentTimeMillis();
//driver.findElement(By.cssSelector(".class"));
//driver.findElement(By.className("class"));
//driver.findElement(By.cssSelector("#id"));
//driver.findElement(By.id("id"));
//driver.findElement(By.cssSelector("div"));
//driver.findElement(By.tagName("div"));
long stoptime = System.currentTimeMillis();
System.out.println(stoptime-starttime + " milliseconds");
driver.quit();

• By.cssSelector(".class"):(327 毫秒 + 165 毫秒 + 166 毫秒 + 282 毫秒 + 55 毫秒)/5 = ~199 毫秒
• By.className("class"):(338ms + 801ms + 529ms + 804ms + 281ms)/5 = ~550ms
• By.cssSelector("#id"):(58ms + 818ms + 261ms + 51ms + 72ms)/5 = ~252ms
• By.id("id") - (820ms + 543ms + 112ms + 434ms + 738ms)/5 = ~529ms
• By.cssSelector("div"):(594ms + 845ms + 455ms + 369ms + 173ms)/5 = ~487ms
• By.tagName("div"):(825ms + 843ms + 715ms + 629ms + 1008ms)/5 = ~804ms

由此看来，您似乎应该尽可能地使用 css 选择器!