How to Manually Find Element Selectors Using Chrome DevTools : Help Center

How to Manually Find Element Selectors Using Chrome DevTools Print

Modified on: Wed, 11 Dec, 2024 at 9:03 PM

If the Chrome extension does not copy a suitable selector, you can manually find it using Chrome DevTools:

Navigate to the desired page and locate the element.
Right-click the element and select "Inspect" from the context menu.

In DevTools, the corresponding HTML code for the element will be highlighted.

Right-click the highlighted code and choose Copy > Copy Selector.

Paste the copied selector into the editor.

That's it, you have manually copied the element selector. If you encounter any issues, our support team is here to help!

Did you find it helpful? Yes No