find selenium css selectors and chrome xpath selectors

Tired of constructing unique selectors? 

Your page under test changes. The selector location fails. Fixing fragile selectors is a time-consuming chore. We get it: manually constructing unique selectors is difficult, slow and prone to errors – and makes writing rock-solid Selenium locators nearly impossible. There is always uncertainty whether the chosen selector accurately and reliably identifies an element. It’s time to stop the guessing game.
Selector generator for locators in Selenium WebDriver

Generate robust and reliable selectors

Ranorex Selocity is a free extension for the Chrome DevTools that instantly provides unique and robust selectors for your web page. The smart selector generator ignores dynamically generated IDs. Feedback on the selectors helps you identify the most stable way to locate an element. Once you have decided on a generated selector, it just takes a click to copy and paste it into your locators in Selenium tests – or use it in any other framework that depends on selectors finding DOM elements, such as WebDriver.io and Protractor.
Google web chrome store

Effortlessly improve the quality of selectors

Generate, edit, and evaluate RanoreXPath, CSS, link text and XPath selectors.

Modify selectors

Easy selector modification

You can further edit and evaluate selectors in our Chrome DevTools sidebar panel. Ranorex Selocity auto-detects the selector type, highlights it, and then displays the number of matching DOM elements. This provides you with instant feedback on the uniqueness of a selector.
ranorexpath

Unique RanoreXPath selector

Aside from generating CSS, link text and XPath selectors, Ranorex Selocity also provides RxPath selectors. Based on the XPath query language, RanoreXPath utilizes the award-winning Ranorex object recognition methodology, making selectors shorter and more robust against changes.
GitHub repository

Your feedback is welcome

We want to know how you enjoy working with Ranorex Selocity! Simply go to our GitHub repository and drop your feedback, feature requests, or issues you may have found when using our Chrome browser extension. We'd love to know what you think of it!

Selenium test creation speed

Speed up the Selenium test creation process

Reduce time creating selectors for locators in Selenium and concentrate on what really matters.

Most time is spent before the first line of code is even written: from finding your way through the page to determining proper targets. Save that valuable time for coding! Simply right-click on the element in your page to instantly retrieve its various selector types and copy it to your clipboard for instant use for E2E testing. Ranorex Selocity even adds quotes automatically when pasting the selector in your tests to make every second count!

Key benefits of Ranorex Selocity

Automatic generation of quality selectors directly in the Chrome DevTools panel.

selocity instant selector

Instant selector generation

Generate robust and reliable RanoreXPath, XPath, link text, and CSS selectors with Ranorex Selocity. It just takes a click to instantly copy and paste it into your Selenium locator. Of course, quotes are automatically added to the selector, ready for immediate use in tests.

Selocity edit selectors

Exploratory selector creation

Put your own stamp on selectors – because you know your page the best! Directly in our Chrome DevTools sidebar panel, you can edit selectors to further improve speed, readability, and reliability. The integrated selector checker instantly verifies its uniqueness.

Selocity dark theme

Dark theme

Your favorite dev tools have it. Your favorite text editor has it. Let's face the facts: the dark theme is essential. That's why we've included a dark theme in Ranorex Selocity and made sure to maintain the look and feel of the Chrome DevTools. We can't wait to see you on the dark side!

Apply for our BETA program

Help us to further improve Ranorex Selocity.

Our goal is to provide a solution that significantly reduces the effort to create robust and reliable Selenium tests. Aside from our free Chrome DevTools extension, we’re working on a companion desktop app that further eases the overall Selenium test creation process.

We need your help! Sign up for the beta program and let us know how Ranorex Selocity can assist you in your daily test creation efforts. Your feature suggestions and feedback help us align our new solution to your actual needs.

Frequently asked questions

By auto-generating CSS, link text, XPath, and RanoreXPath (RxPath) selectors, Ranorex Selocity tremendously boosts your efficiency. Now, you can obtain selectors with one click, and copy them into your locators in Selenium.  If you choose to modify a selector yourself, Ranorex Selocity provides instant feedback to ensure the selector is valid.
Ranorex Selocity is a Google Chrome browser extension that integrates seamlessly into your workflow. It can be installed from the Chrome Web Store and can be accessed in the Chrome DevTools. It then appears as additional option on your action menu.
Ranorex Selocity generates a list of selectors for each element that you click on a website. The list displays all selector types that Selenium supports:
  1. CSS
  2. XPath
  3. Link text
  4. RanoreXPath (RxPath)
In addition to the selector definition, Ranorex Selocity displays the number of matching elements for the selector, along with action buttons to copy and modify the selector.  If you hover over the selectors, you can see the matched elements on the website.
Ranorex Selocity attempts to generate a selector that matches one element and is robust. To do so, Ranorex Selocity follows these principles:
  • Depend on the HTML structure of the page as little as possible 
  • Prefer "data-oriented" elements and attributes to "layout-oriented"
  • Do not use dynamic IDs
  • Prefer more specific attributes and classes 
Use the evaluation box in Ranorex Selocity to create and modify selectors.  You can either write a selector from scratch, or click the Modify button to edit one of our generated selectors. Press Enter to evaluate your selector. Ranorex Selocity highlights the matched elements found. To choose the best selector for the element, Ranorex Selocity allows you to easily iterate through the matched elements.
There are two ways to copy a selector:
  1. Right-click on an element on your website and select the fast copy option from the context menu. 
  2. Perform the copy action using the Copy button in the Ranorex Selocity tab. 
Configuration options are available by clicking on the symbol on the top right of Ranorex Selocity. Here you can whether you want to ignore automatically generated IDs in the selector generation, use automatic escaping, and many more. 
The generated RanoreXPath (RxPath) simplifies the XPath and provides additional attributes and operators, making the resulting selector shorter and more robust against changes. To be able to use the RxPath in your Selenium WebDriver tests, you have to install a new Selenium locator that will be provided by a Ranorex open source project in the near feature. Sign up for the beta program to get availability information and samples.
Have you found a bug in Ranorex Selocity? Are you missing a feature? Let us know! Pop over to our GitHub repo and drop your feedback. We truly value your opinion.
Ask a Ranorex expert

Get your most pressing questions answered by one of our Ranorex experts.

Simply fill out the form below

Ask an expert