Parsing a page for selectors and semi smart outputting the paths to elements..
This little tool will grab all elements on the page, creating a list with selectors that have id's or class-names while jumping one up the tree to see if the parent maybe has an id or class.
The file is dumped out into the downloads folder and is an array of the elements.
Some might be way too verbose and it is not looking for the nth child or anything like that yet.
The screenshot shows nightwatchjs. I am not affiliated with that great package, but have used it in the past.
The major goal is to let people quickly get selectors so that they can get started on automation.
You can Follow the below Step By Step procedure to install the Page Element Dumper Chrome Extension to your Chrome Web browser.
It is the Page Element Dumper Chrome extension download link you can download and install Chrome Browser.
Tags: Semi Smart Outputting , Little Tool , Selectors , Downloads Folder , Page , Page Creating , Nth Child , Major Goal , Screenshot Shows , Great Package , People Quickly ,
Expands Symfony VarDumper
Enhance the element selection function of the debugging tool, which can mark element borders and sizes, and mark the spacing…
Get web element information like locator, name, size and position.
page css ruler;page measure tools;Get page's/element's size/margin/padding/spacing info
Highlight the focusing element and log it in console.
Inspect element for content, and margin.
Solve a series of challenging puzzles by collecting tokens and turning your element into Earth, Water, Fire and Air
Hide page elements, images and iframes
Remove full-page popup advertisments triggered from iframe clicks.
Capture an element in html