应用截图

SelectorsHub截图1
SelectorsHub截图2
SelectorsHub截图3
SelectorsHub截图4
SelectorsHub截图5

详细介绍

XPath plugin to auto generate, write and verify xpath & cssSelector. Developed by ChroPath Creator.

SelectorsHub is the complete new way to write and verify the XPath and cssSelectors.
SelectorsHub will auto suggest all attributes, text and everything along with their occurrences to complete Selectors quickly. Now you need not to copy and paste attribute values from DOM anymore to build XPath and cssSelector. It also supports shadowDOM, iframe and SVG elements. It gives the proper error message like what is wrong in your xpath and cssSelector.

If you face any issue or feedback, feel free to reach out to me at selectorshub@gmail.com

Very simple steps to use the tool-
1. Open DevTools.
2. On right side, the last sidebar tab is SelectorsHub. Click on it.
3. Here in the input box start typing your selector.
4. SelectorsHub will automatically suggest all attributes and everything to complete Selectors quickly. Now you need not to copy and paste attribute values anymore. With this you can save huge amount of time.
5. After typing just press enter.
6. It will high light all matching node and list down them in the SelectorsHub tab.
7. It will also scroll the web element to viewable area.
8. To copy selectors value, just double click anywhere in the box.