Installation Link : https://chrome.google.com/webstore/detail/element-selectors/fjgebdmbjiahfjcjaemkmifpdjaldfcc
Hope you like it 😊
Element Selectors is a Chrome extension that helps you find the best selectors for web elements. It can automatically generate the shortest and most reliable xpath, css, and Playwright locators for any element on the page.
To use Element Selectors, follow these simple steps:
- Install the extension from the Chrome Web Store.
- Restart your browser after installation.
- Open the web page that you want to get the selectors for.
- Open the DevTools by right-clicking on the page and selecting "Inspect" or pressing F12.
- Open the Element Selectors sidebar panel in the DevTools.
- Inspect the element that you want to get the selectors for by clicking on it or using the element picker tool.
- You will see the generated xpath, css, and Playwright locators in the sidebar panel. You can copy them to your clipboard by clicking on the copy icon.
Element Selectors has the following features:
- Playwright Locator: Generates a Playwright locator that can be used with the Playwright framework for end-to-end testing.
- Short and Long CSS: Generates a short and a long css selector for the element. The short selector is more concise and readable, while the long selector is more robust and specific.
- Short and Long Xpath: Generates a short and a long xpath for the element. The short xpath is more efficient and elegant, while the long xpath is more accurate and comprehensive.
If you have any feedback, suggestions, or issues with Element Selectors, please feel free to contact me at [email protected]. I would love to hear from you and improve this extension. Thank you for using Element Selectors! 🙏