如何使用chrome Developer Tool（F12）在Chrome浏览器中选择cssSelector值？

Question

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

您能为以下代码展示一个示例吗？

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

如何从Chrome开发者工具中选择SELECTOR字段的值？-F12在Chrome中。请用一个例子来解释

---

由于

Answer 1

如果你指的是Selenium，就像你的标签所暗示的那样，我想你是在尝试使用

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

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

例如，如果我们检查stackoverflow徽标，我们将看到：

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

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

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

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

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

Answer 2

如果我理解你的问题，那就是你需要的：

$$("your_selector")

例如：

$$("#id_of_element")
$$("[type="text"]")