如何使用chrome Developer Tool（F12）在Chrome瀏覽器中選擇cssSelector值？

Question

如何使用Chrome開發人員工具從Chrome瀏覽器中選擇cssSelector（）？

你能舉一個例子來看下面的代碼嗎？

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

如何從Chrome開發者工具？-F12在Chrome中選擇用於選擇器字段的值。用一個例子

---

感謝

Answer 1

如果你指的是硒喜歡你的標籤意味着，我猜你正在嘗試使用

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

或類似的東西，請解釋一下，你需要熟悉CSS Selectors。

例如，如果我們檢查計算器的標誌，我們將看到：

<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"]")