---
# System prepended metadata

title: ChroPath for Chrome and Firefox - xpath and cssSelector
tags: [xpath, software test, test automation]

---

# ChroPath for Chrome and Firefox - xpath and cssSelector 
https://browsee.io/blog/chropath-a-quick-way-to-get-and-verify-xpath-and-css-selectors/

## Install and access
Install from chrome web store
![](https://i.imgur.com/lX7SWE8.png)


Can see the ChroPath by using F12 on Chrome of the target website
![](https://i.imgur.com/RWpinX9.png)





## Usage

### Search for the related XPath by Xpath
Choose **Rel Path XPath** (related XPath) and keyin the keyword of the selector `//td[contains(text(),'WL1XXB0029')]/preceding::td/div` and press Enter
![](https://i.imgur.com/Wmu3Olm.png)



### Use Axes to locate the element
`//a[contains(text(),'WL1XXB0029')]/parent::div/parent::td/preceding::td/div`

![](https://i.imgur.com/03faaxt.png)










###### tags: `xpath` `selector` `ChroPath` `test automation` `software test`