java - 如何使用chrome开发工具(F12)在Chrome浏览器中选择cssSelector值？

Question

如何使用 Chrome 开发者工具从 Chrome 浏览器中选择 cssSelector()？

你能举例说明下面的代码吗？

WebElement searchBox = driver.findElement(By.cssSelector("selector"));
searchBox.click();

如何从 Chrome 开发者工具中选择 SELECTOR 字段的值？ - Chrome 中的 F12。请举例说明

<小时/>

谢谢

Answer 1

如果您像标签所暗示的那样指的是 Selenium，我猜您正在尝试使用

driver.findElements(By.className(".."));

或者类似的东西，你需要熟悉CSS Selectors .

例如，如果我们检查 stackoverflow Logo ，我们将看到:

<div id="hlogo">
      <a href="/">
            Stack Overflow
      </a> 
</div>

所以在这种情况下我们将使用:

driver.findElements(By.id("hlogo"));

或者我们可以通过执行以下操作来使用 cssSelector:

driver.findElements(By.cssSelector("#hlogo"));